Learn React
Why Learn ReactJS?
ReactJS offers graceful solutions to some of front-end programming’s most persistent issues, allowing you to build dynamic and interactive web apps with ease. It’s fast, scalable, flexible, powerful, and has a robust developer community that’s rapidly growing. There’s never been a better time to learn React.
Take-Away Skills:
You’ll develop a strong understanding of React’s most essential concepts: JSX, class and function components, props, state, lifecycle methods, and hooks. You’ll be able to combine these ideas in React’s modular programming style.
Note on Prerequisites:
A strong foundation in JavaScript is a prerequisite for this course, as well as basic HTML.
Codecademy courses have been taken by employees at
- 1Learn to use JSX, the basic syntax of React.js
- 2Learn to make React Components, the building blocks of all React.js applications.
- 3Learn how to make React components interact with one another.
- 4Hook actions to specific moments in a component’s life
- 5Learn how to use Hooks in React, a powerful feature of function components.
What you'll create
Portfolio projects that showcase your new skills
Animal Fun Facts
Using 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 Form
It's time to build fluency in React fundamentals. In this next Pro 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. What's next? A company in need, providing expert security, more React. You got this!
Random Color Picker
It's time to build fluency in React fundamentals. In this next Pro 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. What's next? Deciding on a color, family interactions, more React. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory

— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Course Description
Build powerful interactive applications with React, a popular JavaScript library.
Details
Earn a certificate of completion
20 hours to complete in total
Intermediate
Learn to use JSX, the basic syntax of React.js
2 lessons, 1 project, 1 quiz, 1 article
3 lessons, 1 project, 1 quiz, 1 informational
1 lesson, 1 project, 1 quiz
3 lessons, 1 project, 1 quiz
3 lessons, 1 project, 1 quiz
4 lessons, 1 article, 1 project, 1 quiz