Navigate Select ESC Close

Learn React With This ONE Project

2024-11-24 Education
740.2k
19.2k
588
Tech With Tim
Tech With Tim
2.0m subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

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 Movies 01:20:14 | Contexts Hashtags #reactdevelopment #jsx #reactjs

Top Comments (10)

@bosslogq 2025-04-28

Finally a truly professional course. I was really tired of other courses where they throw in some stupid cuts from memes or funny videos.

99 5 replies
@SmashBrosRPG 2025-01-12

This is by far one of the best tutorials I have ever seen *PERIOD* - you are really good at explaining things. Please make more videos on React!

82 1 replies
@CayananCreatives 2025-07-07

Day 1: 48:11 Day 2: Finished Remarks: From parts 1:16:48 and above, it was very tricky. It was very hard to follow as it was too fast. I would have to review it again and maybe look for another tutorial. Regardless, the parts before this was very awesome and easy to follow. It was fast, but not too fast (except the last part). Thank you for this course!

65 4 replies
@sylvias.y.4177 2025-02-09

Thank you for the amazing work! Following your project gave me the illusion that I'm already a pro. Your delivery is clear, professional, beginner-friendly, and at the perfect pace. I would listen to it again after I've fully absorbed the entire structure. Honestly, the most time I spent was debugging. Here are the mistakes I made / things I tried to get everything working until the end: 1. turn it off and on again 2. clear cache 2. after terminating, use npm run dev under initial folder instead of under frontend folder 3. missing await 4. no PropTypes for movie (this is a weird one, I don't understand. Your code works fine without it, but I have to add import PropTypes from "prop-types" in MovieCard

64
@TechWithTim 2024-11-24

Access my free guide on "How To Make Money From Coding" by signing up for my newsletter: https://techwithtim.net/newsletter

47 9 replies
@GenX78GenX 2025-04-12

wow! thank you so much! perfect delivery on this tutorial (screenshots, timing, voice, flow, etc.) . Your tutorial style fits right in with my adhd brain - no fluff, to-the-point, fast & easy explanations without digressing. Seriously, thank you!

14
@arkangel8380 2026-03-02

I am a beginner and I didn't understand much of this video but I liked the project and its explanation. Will watch it again in a week after reading up more.

11
@olkatech27 2025-02-21

As advanced dev ,I took from this lesson the context and bit of page routings

10
@yashwanthmaringanti6675 2025-03-06

I have completed the movie and feedback application taught in this video last month and I have to practice it many times

8
@NitinSharma-qx4ff 2025-12-10

good video to refresh react if you haven't used it in a while

3

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan • All features unlocked

App screenshot