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.
Introduction to Context API
Architecting Global State with Context and Reducer
Implementing Theme Context
Structuring State for Performance
Handling Authentication State
Integrating Reducers with Auth State
Introduction to React Router
Dynamic Routing with URL Parameters
Nested Routes and Layouts
Protected Routes for Authenticated Views
Programmatic Navigation
Building the Dashboard Navigation Structure
Asynchronous Data Lifecycle
Caching Strategies with React Query
Mutations and Data Updates
Synchronizing Client and Server State
Integrating Live Data into the Dashboard
Error Handling and Loading UI
Controlled vs Uncontrolled Components
Real-time Form Validation
Schema-based Validation with Zod
Handling Multi-step Forms
Optimizing Form Submissions
Performance Profiling with React DevTools
Refactoring for Scalability
Finalizing Dashboard Data Flow
Deploying the Application
Advanced Hook Composition
Implementing Middleware for State
Advanced Context Patterns
Router Loaders and Data Prefetching
Complex Route Guards
Handling Large Datasets in UI
Testing Hooks and Components
Managing Global Modals
Implementing Keyboard Shortcuts
Optimizing Asset Loading
Internationalization Basics
Managing WebSocket Connections