In this masterclass, you’ll learn what makes a solid React architecture. We’ll explore key patterns, when to use them, and how to apply them effectively. You’ll dive into fundamentals, custom hooks, state management, styling, routing, server-side rendering, server components – and more.
You’ll also get a clearer view of how React works under the hood, how to handle async logic, and how to structure your code for testability and long-term success.
Course Overview
Day 1: Exploring React Patterns & Core Concepts
During the first day of the masterclass you’ll dive into the core concepts and advanced patterns of React development.
Topics include:
- How React works behind the scenes
- Data flow in React applications
- Composition
- Custom hooks – how, when and why to create them
- Dependency injection
- Error handling
- Styling and how to build a custom design system
- Asynchrony and how to handle it
- State management – various approaches and libraries
- Routing
- SSR, Server components and overview of what React 19 brings to the table
- Testing – what to test and how to test your components
Each of the topics will be illustrated with an interactive example playground.
Day 2: Building a Real-World App from Scratch
On the second day, trainees will put their newly gained knowledge into practice by building a complete application from scratch. Starting with a blank canvas, they will work step by step through the process of creating a fully functional app that incorporates the patterns and techniques introduced on Day 1.
The project will reflect real-world challenges and may evolve to include cutting-edge topics such as AI integration, depending on the trainer’s direction and group interests.
