Time to completeApprox. 20 hours
Certificate of completionIncluded with paid plans
Prerequisites2 coursesWe suggest you complete the following courses before you get started with Learn React:
- Learn HTML
Start free course
Or sign up using:
About this course
Skills you'll gain
Understand key React concepts
Use JSX, props, state, and more
Work in React’s modular style
Syllabus18 lessons • 7 projects • 7 quizzes
Hands-on learningDon’t just watch or read about someone else coding — write your own code live in our online, interactive platform. You’ll even get AI-driven recommendations on what you need to review to help keep you on track.
Projects in this course
Animal Fun FactsUsing a variety of JSX concepts, we will build an interactive interface that will display a selection of animal images and allow you to click an image for a fun fact.
Authorization FormIn this project, we're going to practice state management in React so you can hone your skills and feel confident taking them to the real world. Why? State is the "brains" of your component and can help you dynamically render your page.
Random Color PickerIn this project, we're going to practice working with multiple components in React so you can hone your skills and feel confident taking them to the real world. Why? It's important to understand the relationship between parent and child components and how they can interact.
Reviews from learners
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Unlock additional features with a paid plan
Practice ProjectsGuided projects that help you solidify the skills and concepts you're learning.
AssessmentsAuto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
Certificate of CompletionEarn a document to prove you've completed a course or path that you can share with your network.
Frequently asked questions about React