React 2025 Full Course – Build a Netflix Clone with Hooks, Zustand & TanStack
Give this video a BIG THUMBS UP and hit SUBSCRIBE. I will make the backend version of this when I get 500 likes!
Authenticate your apps easily using Clerk - https://go.clerk.com/CYrvZF2
Github Repo - https://github.com/shrutikapoor08/youtube-react-course
Learn React in 2025 by building a Netflix Clone from scratch in this complete crash course. We’ll cover everything from React 19 fundamentals to advanced topics like state management with Zustand, routing with TanStack Router, data fetching with TanStack Query, authentication with Clerk, and performance optimization. Along the way, you’ll set up your project with Vite and TypeScript, style it with Tailwind CSS, and integrate APIs to fetch movie data. By the end, you’ll have a fully responsive Netflix-style web app complete with search, infinite scroll, a video player, and deployment to Vercel or Netlify. This hands-on project is designed to take you from beginner to advanced React developer and give you a portfolio-worthy project to showcase in interviews.
*VIDEO REFERENCES*
Github Repo - https://github.com/shrutikapoor08/youtube-react-course
Discord - https://bit.ly/shruti-discord
*RECOMMENDED COURSES*
1. React Course for beginners by Shruti Kapoor: https://www.oreilly.com/library/view/react-fundamentals-building/0636920981428/
2. Become a FullStack Developer (20% off via this link): https://scrimba.com/fullstack-path-c0fullstack?via=shrutikapoor
*INTERVIEW RESOURCES*
1. Practice JavaScript Interviews: https://www.greatfrontend.com/questions/js?fpr=shruti79
2. React Course for beginners: https://www.oreilly.com/library/view/react-fundamentals-building/0636920981428/
*HELPFUL RESOURCES*
1. Sign Up to stay updated in React and AI: https://bit.ly/shruti-newsletter
2. FREE React Interview Questions Book: https://bit.ly/free-react-guide
*WORK WITH ME*
1. Book 1:1 for Technical Guidance - https://topmate.io/shrutikapoor08
2. Want to do a mock interview? Join our Discord community: http://bit.ly/shruti-discord
*SOCIALS*
X / Twitter: https://twitter.com/shrutikapoor08
Discord: https://bit.ly/shruti-discord
Web: https://shrutikapoor.dev/
Newsletter: https://bit.ly/shruti-newsletter
Support me on GitHub: https://github.com/sponsors/shrutikapoor08
*CHAPTERS*
00:00 Intro
01:00 Setup a Coding Ritual
02:30 Setup Coding Environment
03:19 Setup React & Code Organization
05:45 Data walkthrough
06:38 Setting up foundational UI components
11:40 Homework
12:15 Building responsive UI
17:39 Debugging CSS specificity issue
19:08 Rendering lists in React - MovieList component
29:30 Adding Shadcn components
39:20 Homework
44:15 Event Handling in React
47:23 Fragments in React
48:50 useState Hook
41:36 Homework
52:25 Implementing Search function
1:00:15 Homework
1:00:43 State Management in React using Zustand
1:09:35 Implementing Routes using TanStack Router
1:28:57 useEffect Hook
1:32:00 Keeping tokens private using .env and environment variables
1:36:59 Fetching data from TMDB API
1:39:19 Error Boundaries and Error Component
1:45:28 Creating a custom React hook
1:55:05 Homework
1:55:14 Accessibility
2:10:49 Homework
2:11:11 Testing using Vitest and React Testing Library
2:17:01 Homework
2:17:15 Authentication using Clerk
2:21:52 Homework
2:22:39 Using TanStack Router to fix data loading bugs
2:26:02 TanStack Query
2:27:44 Homework
2:29:19 Homework
2:30:44 Performance Optimization
2:41:16 Deployment
2:47:29 Recap
DISCLAIMER: Some of the above links may be affiliate links, meaning if you purchase a product or service via these links I may receive a small commission/reward, at no additional charge to you!
🔔 Don’t forget to like, share, and subscribe for more coding tutorials and full courses.
Keywords
#reactjs #coding #beginner #shrutikapoor #zustandtanstack #react2025fullcourse #clonehooks #buildanetflixclone #buildanetflix #zustand #tanstack #buildnetflixclone #netflix #buildnetflix #build #react2025course #netflixclone #2025fullcourse #react #react2025 #reactnetflixclone #buildclone #coursebuild #clone #reactadvancedtutorial #reacttutorialnetflix #reactfullproject #reactnetflixproject #shrutikapoor #reactnetflix
Sub: 21230
Дата на публикация: 2 октомври, 2025
Категория:
Друго
Харесайте ни във Facebook