Check out this free resource from HubSpot that contains tons of coding snippets and templates: https://clickhubspot.com/v5ox
In this video, you'll learn React by walking through a practical project. We're going to use a real-world API that can fetch and display data, and cover all of the important React components and features.
If you want to land a developer job, specialize in frontend, backend or DevOps then check out my program: https://techwithtim.net/dev
Access my free guide on "How To Make Money From Coding" by signing up for my newsletter: https://techwithtim.net/newsletter
🎞 Video Resources 🎞
Code: https://github.com/techwithtim/Learn-React-In-One-Project
API Website: https://www.themoviedb.org/
NodeJS Download: https://nodejs.org/en/download/package-manager
⏳ Timestamps ⏳
00:00:00 | Overview
00:00:57 | Free Resource
00:02:04 | Demo
00:03:03 | React Introduction
00:06:02 | Setup & Installation
00:08:08 | React Template Walkthrough
00:13:31 | JSX
00:16:22 | Components
00:19:56 | Movie Card Component
00:29:15 | Conditional Rendering
00:32:43 | Home Page & .map()
00:40:00 | State
00:48:11 | Page Routing
00:56:41 | CSS Styling
01:01:00 | Calling APIS
01:07:25 | useEffect
01:16:54 | Searching for Movies
01:20:14 | Contexts
Hashtags
#reactdevelopment #jsx #reactjs