Learn React JS - Full Beginner’s Tutorial & Practice Projects

Learn modern React basics in the most interactive, hands-on way possible in the full course for beginners. Throughout this tutorial, you'll tackle over 170 interactive coding challenges and build six exciting projects. If you're tired of React courses that leave you staring blankly at an empty editor screen, you're in the right place! Here, you'll actually build React projects by the end, giving you the confidence and skills to tackle real-world apps. Scrimba on YouTube: https://www.youtube.com/c/Scrimba Code: https://github.com/scrimba/learn-react ✏️ Bob Ziroll teaches this course. ⭐️ Course Contents ⭐️ - 0:00:00 Section 1 – React Basics ⌨️ Course Introduction ⌨️ What we'll learn ⌨️ First React Code ⌨️ First React Challenge ⌨️ Local Setup w/ Vite ⌨️ Libraries/Frameworks ⌨️ React.createElement() ⌨️ JSX ⌨️ Why React? It's Composable! ⌨️ Why React? It's Declarative! ⌨️ Random housekeeping ⌨️ ReactFacts Project - Markup ⌨️ Pop Quiz ⌨️ Custom Components ⌨️ Custom Components Challenge Part 2 ⌨️ Custom Components Quiz ⌨️ Fragments ⌨️ Custom Components - Parent/Child Components ⌨️ Styling with Classes ⌨️ Organizing Components ⌨️ Make Mental Outline of Project ⌨️ Initial Project Setup ⌨️ ReactFacts - Navbar & Styling ⌨️ ReactFacts - Main Content Section ⌨️ ReactFacts - Coloring the Bullets ⌨️ ReactFacts - Add Background Image ⌨️ Section 1 Recap - 2:17:59 Section 2 – Travel Journal Project ⌨️ Section 2 Intro ⌨️ Travel Journal - Header ⌨️ Travel Journal - Entry Component ⌨️ Problem - Not reusable ⌨️ Props ⌨️ Prop quiz! (Get it?? ) ⌨️ Destructuring props ⌨️ Props practice ⌨️ Non-string props ⌨️ Importing static assets ⌨️ Pass props to Entry component ⌨️ Review - array .map() ⌨️ React can render arrays ⌨️ Mapping components ⌨️ Map quiz! ⌨️ Travel Journal: Map Entry components ⌨️ Travel Journal: key prop ⌨️ Travel Journal: Pass object as props ⌨️ Travel Journal: Spread object as props ⌨️ Section 2 Recap - 4:33:02 Section 3 – Chef Claude Project ⌨️ Section 3 Intro ⌨️ Che