AI Workshop: learn to build apps with AI →
Patterns
Composition, HOCs, render props, portals, and SSR.

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


React design patterns help you write more maintainable and reusable code. From composition to higher-order components, these patterns solve common problems in React applications.

In this section you’ll learn composition, higher-order components, render props, portals, code splitting, and server-side rendering.

Lessons in this unit:

0: ▶︎ Introduction
1: React Concept: Composition
2: React Higher Order Components
3: React: Presentational vs Container Components
4: React Render Props
5: React Portals
6: Code Splitting in React
7: Server Side Rendering with React
8: React Concept: Purity
9: React StrictMode
10: Lifecycle events
11: React, how to dynamically choose a component to render