Learn React With This ONE Project

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.

🎞 Video Resources 🎞

⏳ 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

[techandgaming]

You don't learn react in this video but if you already learn react, you wanna revise it ⚛️ this the best video 💥

[tharanabopearachchi]

A Great video for beginner level who knows some contexts about react. This Vedio helped me to sharpen and clarify some of the concepts which I barely understood. Thank you so much for this Tim.

[bharatdubey]

bro please include some advanced react concepts also

[LynxesYT]

Great video Tim, we are looking for a complete full stack python project from you❤❤

[voicefilms]

My favorite channel when it comes to coding big up Tim!

[HardCorn]

in the movie card component we can set a isVisible state which is defaulted to true. then in the parent component you create a function that is being sent down to the movie card - in that function you can set the isVisible to false and when you search - if the movie name does not have the searchQuery in it - set the isVisible to false. that way you dont need to have api calls in the search since you already loaded everything in the initial render - i know im not so clear here but hopefully i made sense . other than that - great refresher for those who didnt touch react for a few years and wanted a small reminder.

[ElenaS-dehq]

I would like to see more of your projects with Windsurf.

[elifdurukan]

I used your project to make practice, thank you so much!

[alimihakeem]

Thanks so much Tim. I found it helpful. ❤

[WaverOst]

Nice interior :) Also, great tutorial, as always :)

[MothS-mr]

Windsurf is great at teaching programming👍

[bharatdubey]

next video on nodejs and mongodb please.

[dfields]

gr8 vid, few months ago I used another youtuber's videos to learn react, I enjoy other perspectives. on the subject. app is a bit more useful then a Blog app

[lunstra_studios]

There is a lot of hype about typescript. Can you make one tutorial of that?

[FebinAugustine]

Hi Tim that's a good one... Could you please do the same like this where it's clear how to do register, login with backend. Also please tell how to use token and cookies.

[AmeanAbdelfattah]

Can you do a video about how to build your own DBMS? I don't mean downloading sqlite or postgre and creating a database. I mean actually building one from scratch; what languages should we use, what knowledge should we have, etc. I've been using databases for years and its a project i always wanted to get into. Maybe perhaps making a small video demoing this? So i know where to start. Let know what you think.

[nils]

Great video! But I think you forgot to format your code (that was irony)

[shiwam_kun]

Hi Tim this video was helpful, but after halfway when u introduced hooks i kind of felt lost. Sorry but please if possible can you make one on hooks please ?

[useronetwothree-zf]

tim can we have a complete full stack python project tutorial from u?❤❤❤

[leolu]

Yo you think you can continue the platformer series and like show us how to add new things maybe. Btw ur videos are