The Beginner's Guide to React
Instructor
Kent C. Dodds- React
>=16.12.0 - 17
React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work.
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
Each lesson in this 28-part course is a single index.html file. This keeps your focus on learning React, with no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.
You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.
🌱 This is a Fresh Course
Staff reviewed: a month ago
Thousands of people have used this course as an introduction to the core concepts of React. It's been reviewed and updated and is relevant and valid. There isn't a better introduction to React online.
Free Community Resource
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Listen to Kent C. Dodds tell you about this course:
What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms
Learner Reviews
- USS Discoverya month agoWhat did you like about this course?
This course is an engaging and clear introduction to react. I highly recommend it!
- Juan Diaza month agoWhat did you like about this course?
Hey Kent! Thank you very much for your help. You rock.
- Lesley2 months agoWhat did you like about this course?
Quick, informative, great overview
- Learner2 months agoWhat did you like about this course?
Starting from scratch and building on top of it.
- Grayson Blanchard2 months agoWhat would make this course a 7 for you?
Super helpful for a beginner, with many topics covered at a high level and an enthusiastic instructor, and the cherry on top--it's free!
- Richard Ball3 months agoHow will you use what you learned from this course?
I like the granular approach to React that Kent provides in this course. With my experience with other React courses they always use the Create React App approach which, in my opinion can confuse beginner users because you need an understanding of webpack, npm etc. By teaching each concept individually it helped me gain an firmer understanding of how much React technically is just JavaScript.
I would have liked to see a course project that users can showcase on their GitHub after completion, that's the only thing I feel was lacking. In summary, this is a great in depth look into React, a jumping off point before you start building actual projects.
Course Content
- 9
- 11
- 16
- 18
- 19
- 20
- 27
You might also like these resources:
Develop Accessible Web Apps with React
Gain the knowledge and skills required to audit and fix accessibility issues in your applications and gain a better understanding of your target users and how to approach your web app design from their perspectives
Simplify React Apps with React Hooks
React transitioned to an API called Hooks and most consider it the way to develop production applications today. This 38-minute course will help you get started and is the perfect compliment to The Beginner's Guide.
Build Maps with React Leaflet
Build an interesting map focused application using modern React practices including Hooks. While you are learning you'll be able to practice with challenges. This course would be a fantastic base for a developer portfolio project.