ByteGrad - Professional React & Next.js

folder ByteGrad - Professional React & Next.js (464 files)
file1. Introduction/1. Course Introduction.mp4 48.53MB
file1. Introduction/2. Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4 61.90MB
file1. Introduction/3. Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4 28.35MB
file1. Introduction/index.png 444.40kB
file2. Beginner React & JavaScript/4. Starting a New React Project.mp4 8.06MB
file2. Beginner React & JavaScript/5. Vite React App (Fresh Install Lookaround).mp4 49.31MB
file2. Beginner React & JavaScript/6. JSX Fundamentals for React.mp4 29.55MB
file2. Beginner React & JavaScript/7. Components in React.mp4 30.34MB
file2. Beginner React & JavaScript/8. Anatomy of a React Component (Props, Event Handlers, Hooks).mp4 99.59MB
file2. Beginner React & JavaScript/9. The useState Hook & What is 'Rendering'.mp4 78.93MB
file2. Beginner React & JavaScript/10. The useEffect hook.mp4 42.16MB
file2. Beginner React & JavaScript/11. JavaScript Fundamentals for React.mp4 146.30MB
file2. Beginner React & JavaScript/12. CSS Fundamentals for React.mp4 82.41MB
file2. Beginner React & JavaScript/13. Modern JS & DOM Fundamentals.mp4 546.63MB
file2. Beginner React & JavaScript/index.png 441.31kB
file3. Project Fancy Counter/14. Fancy Counter Intro.mp4 10.28MB
file3. Project Fancy Counter/15. Fresh React Vite Install (Lookaround).mp4 204.54MB
file3. Project Fancy Counter/16. Split up the App into components.mp4 146.18MB
file3. Project Fancy Counter/17. Component fundamentals.mp4 145.91MB
file3. Project Fancy Counter/18. Div vs Fragment.mp4 25.55MB
file3. Project Fancy Counter/19. Styling our app and adding icons + font.mp4 171.77MB
file3. Project Fancy Counter/20. Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4 154.45MB
file3. Project Fancy Counter/21. Event Handler Functions in React.mp4 29.27MB
file3. Project Fancy Counter/22. Reset Button.mp4 6.52MB
file3. Project Fancy Counter/23. Inline vs Extracting Event Handler Functions.mp4 16.84MB
file3. Project Fancy Counter/24. Create 1 Reusable Button Component.mp4 78.73MB
file3. Project Fancy Counter/25. Conditional Rendering (Ternary Operator vs Logical && Operator).mp4 12.70MB
file3. Project Fancy Counter/26. Finish Refactoring Reusable Button Component.mp4 19.62MB
file3. Project Fancy Counter/27. Bottom Limit.mp4 9.75MB
file3. Project Fancy Counter/28. Upper Limit (Derived State, Manipulate CSS).mp4 89.02MB
file3. Project Fancy Counter/29. Spacebar to Increment.mp4 135.48MB
file3. Project Fancy Counter/30. Prop Drilling (Solution Children Composition).mp4 54.07MB
file3. Project Fancy Counter/31. Recap Most Important React Concepts from this project.mp4 9.64MB
file3. Project Fancy Counter/index (1).png 421.67kB
file3. Project Fancy Counter/index (2).png 503.25kB
file3. Project Fancy Counter/index (3).png 611.26kB
file4. Project Word Analytics/32. Word Analytics Intro.mp4 7.86MB
file4. Project Word Analytics/33. Setup (Build a React App from Scratch).mp4 160.81MB
file4. Project Word Analytics/34. Handle events (Change Event).mp4 41.45MB
file4. Project Word Analytics/35. Uncontrolled vs Controlled (Textarea).mp4 61.48MB
file4. Project Word Analytics/36. Basic Validation.mp4 122.18MB
file4. Project Word Analytics/37. Reusable Component (Warning Component).mp4 52.24MB
file4. Project Word Analytics/38. You don't always need to add more useState.mp4 33.56MB
file4. Project Word Analytics/39. Finish validation (Remove Warning).mp4 16.81MB
file4. Project Word Analytics/40. Stats Section (JSX Markup).mp4 18.30MB
file4. Project Word Analytics/41. Reusable Component (Stat Component).mp4 59.13MB
file4. Project Word Analytics/42. Derived State (numberOfCharacters).mp4 54.50MB
file4. Project Word Analytics/43. Lifting state up.mp4 65.92MB
file4. Project Word Analytics/44. Other Stats Data (Derived State).mp4 39.12MB
Too many files! Click here to view them all.
Type: Course
Tags:

Bibtex:
@article{,
title= {ByteGrad - Professional React & Next.js},
journal= {},
author= {},
year= {},
url= {},
abstract= {What you'll learn
Crystal-clear explanations will guide you through the world of React & Next.js

01. How to code React & Next.js in 2025 by building realistic projects from scratch and seeing how it all fits together

02. Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy

03. Deeply master React fundamentals: (custom) hooks, Context API, state management (Zustand / RTK), etc.

04. Deeply master Next.js fundamentals: App Router, server components, server actions, revalidation, SSR & SSG, etc.

05. Critical best practices that every React/Next.js-developer should know (e.g. when NOT to use Next.js caching)

06. Learn how to fetch data in Next.js with the latest App Router the correct way

07. Master TypeScript in React & Next.js by building simple-to-complex components (including Zod!)

08. Master Tailwind in React & Next.js by building modern UIs from scratch with Flexbox, CSS Grid, etc.

09. Advanced patterns and best practices: storing state in URL, server-side pagination / sorting / filtering, etc.

10. Modern React & Next.js ecosystem: Zustand, RHF (forms), Next-Auth, Stripe, Framer Motion, Shadcn-UI, Prisma, Postgres, Vercel, etc.},
keywords= {},
terms= {},
license= {},
superseded= {}
}


Send Feedback