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.
Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: 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 Mo
Free1 lesson1h 40mIntermediate
by Tech With Tim
1M24KNovember 2024
Checked 4 days ago
What you'll learn
Overview
Demo
React Template Walkthrough
Movie Card Component
Home Page & .map(
Page Routing
UseEffect
Contexts
Taken from the course's own lessons, in the author's words.
Free
This course is free and published on YouTube. The channel is its author; we organise it and check that the videos still play.
Some grounding helps; this one picks up past the basics.
Description
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.
Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: 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 Mo
Who this course is for
People who know the basics of React and want to go further.
Those two are our reading of the course's level. The description is the author's own.
Learn React With This ONE Project, by Tech With Tim