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