React & Next.js

Learn JSX, components, props, and state to build interactive user interfaces

• ○Introduction to React & JSX20m
• ○Components & Props25m
• ⌖Build Your First Component20m
• ○State with useState25m
• ⌖Interactive Counter15m
• ?React Fundamentals Quiz10m

Master useEffect, useRef, useContext, and learn to build custom hooks

• ○Side Effects with useEffect25m
• ○Refs with useRef15m
• ⌖Debounced Search20m
• ○Custom Hooks & useContext25m
• ?Hooks & Patterns Quiz10m

Master lifting state, the Context API pattern, useReducer, and form handling

• ○Lifting State Up20m
• ○Complex State with useReducer25m
• ⌖Shopping Cart Reducer25m
• ○Form Handling in React20m
• ?State Management Quiz10m

Build full-stack applications with file-based routing, layouts, server components, and data fetching

• ○Introduction to Next.js & File-Based Routing25m
• ○Layouts & Special Files20m
• ○Server vs Client Components25m
• ⌖Route Structure Planning20m
• ○Data Fetching & Server Actions25m
• ?Next.js App Router Quiz10m

Style React applications with CSS Modules, Tailwind CSS, responsive design, and component libraries

• ○CSS Modules in React & Next.js20m
• ○Tailwind CSS with React25m
• ⌖Responsive Component Design20m
• ○Component Library Patterns20m
• ?Styling & UI Patterns Quiz10m

Build and deploy a complete full-stack Next.js application from scratch

• ○Project Planning & Architecture20m
• ⚒Milestone 1: Setup & UI Components45m
• ⚒Milestone 2: Board Listing & Layout40m
• ⚒Milestone 3: Board Detail & Task Management50m
• ⚒Milestone 4: Search, Filter & Theme40m
• ?Final Project Review10m

Comprehensive assessment covering React fundamentals, hooks, state management, Next.js, and styling patterns

• ?React & Next.js Final Exam40m