Tech With Tim

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

Learn React With This ONE Project

Learn React With This ONE Project

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path