React is still one of the most popular JavaScript libraries for building user interfaces. If you are a front-end developer, it is super helpful to know React.
We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges.
Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.
Here are the projects you will build:
React facts site
Your very first React app will be a static site about React! This gives you an intro to the basic principles of the library.
React facts site.
Solo project: Digital business card
You'll wrap up the first section by completing your first Solo Project - a digital business card.
Digital business card.
AirBnB Experiences clone
You'll take your React skills to the next level by creating an AirBnB Experiences clone.
AirBnb Experiences clone.
Solo project: Travel journal
Your second Solo Project is a travel journal.
Travel journal.
Meme generator
In section 3, Bob guides you through building his classic meme generator, updated with the newest React features.
Meme generator.
Notes app
You'll get to know even more features of React by building this handy notes app.
Notes app.
Tenzies game
Your first React game will be the popular dice game, Tenzies.
Tenzies game.
Solo Project: Quizzical
To finish up the course, you'll build a fun quiz app to consolidate everything you've learned.
Quizzical.
Here are the topics you will learn about in this comprehensive course:
Local setup
Why React?
JSX
ReactDOM.render()
Custom components
Organizing components
Reusable components
JS inside JSX
Props
Destructuring props
Rendering arrays
Mapping components
Key prop
Passing objects as props
Spreading objects as props
Props vs state
useState
useState array destructuring
Changing state
Complex state
Refactoring state
Passing state as props
Local state
Unified state
Conditional rendering
React forms
Forms input
Forms state object
Submitting forms in React
Making API calls
useEffect
Async functions inside useEffect
Local storage with React
Lazy state initialization
Watch the full course below or on the freeCodeCamp.org YouTube channel (12-hour watch).