Intermediate React: Hooks, State & Data Patterns
Master hooks, context, routing, and data fetching to build real applications.
What you'll learn
Use advanced and custom hooks, context, React Router, and data-fetching/caching patterns to build a multi-page application with robust forms.
Who it's for
Developers who know React basics.
Prerequisites
React components, props, state, and basic hooks.
The hooks, state, routing, and data patterns behind real React applications.
Curriculum
- 1
Mastering useRef for DOM Access
4 min - 2
Persistent Mutable Values with useRef
4 min - 3
Memoizing Expensive Calculations with useMemo
3 min - 4
Optimizing Function References with useCallback
3 min - 5
Introduction to Custom Hooks
4 min - 6
Building a useLocalStorage Hook
4 min - 7
Refactoring Dashboard Settings
4 min - 8
Complex State with useReducer
3 min - 9
Managing Object-Based State
3 min - 10
Introduction to Context API
3 min - 11
Architecting Global State with Context and Reducer
3 min - 12
Implementing Theme Context
4 min - 13
Structuring State for Performance
3 min - 14
Handling Authentication State
3 min - 15
Integrating Reducers with Auth State
3 min - 16
Introduction to React Router
3 min - 17
Dynamic Routing with URL Parameters
3 min - 18
Nested Routes and Layouts
4 min - 19
Protected Routes for Authenticated Views
3 min - 20
Programmatic Navigation
3 min - 21
Building the Dashboard Navigation Structure
3 min - 22
Asynchronous Data Lifecycle
3 min - 23
Caching Strategies with React Query
4 min - 24
Mutations and Data Updates
4 min - 25
Synchronizing Client and Server State
3 min - 26
Integrating Live Data into the Dashboard
3 min - 27
Error Handling and Loading UI
3 min - 28
Controlled vs Uncontrolled Components
3 min - 29
Real-time Form Validation
3 min - 30
Schema-based Validation with Zod
3 min - 31
Handling Multi-step Forms
3 min - 32
Optimizing Form Submissions
3 min - 33
Performance Profiling with React DevTools
3 min - 34
Refactoring for Scalability
3 min - 35
Finalizing Dashboard Data Flow
3 min - 36
Deploying the Application
4 min - 37
Advanced Hook Composition
3 min - 38
Implementing Middleware for State
3 min - 39
Advanced Context Patterns
3 min - 40
Router Loaders and Data Prefetching
3 min - 41
Complex Route Guards
3 min - 42
Handling Large Datasets in UI
3 min - 43
Testing Hooks and Components
3 min - 44
Managing Global Modals
4 min - 45
Implementing Keyboard Shortcuts
3 min - 46
Optimizing Asset Loading
4 min - 47
Internationalization Basics
3 min - 48
Managing WebSocket Connections
3 min