React Medium
Master intermediate React patterns: Context API, state management, custom hooks, and routing.
Level up with Context, state managers, advanced hooks, custom hooks, and routing for teams already building React apps.
Book this workshopYou know React basics, but apps need shared state, routing, and reusable logic. This workshop covers the patterns you'll use daily.
We dive into Context for global state, explore state management options, build custom hooks, and implement routing for multi-page apps.
What your team walks away with
- Use Context API effectively for global state without prop drilling.
- Choose and implement state management solutions (Zustand, Redux Toolkit, etc).
- Build reusable custom hooks that encapsulate complex logic.
- Implement routing with React Router and navigate between pages efficiently.
Workshop flow
Context and state management
Learn when and how to use Context API, plus explore popular state management libraries.
- Context API for global state and avoiding prop drilling
- Evaluating Zustand, Redux Toolkit, and other state managers
- Choosing the right state management approach for your needs
- Patterns for organizing state across your app
Advanced hooks and custom hooks
Master advanced hooks and build your own custom hooks for reusable logic.
- useCallback, useMemo, and useRef for optimization
- useReducer for complex state logic
- Building custom hooks for data fetching, forms, and UI patterns
- Composing multiple hooks together effectively
Routing and navigation
Implement multi-page navigation with React Router and handle routing patterns.
- Setting up React Router for single-page apps
- Programmatic navigation and route parameters
- Protected routes and authentication handling
- Nested routes and layout patterns
Ready to run React Medium?
Let me tailor the agenda to your stack, team size, and delivery goals so you get immediate impact. Share a bit of context and we will ship a plan within a day.
Book this workshop