Patterns
Composition, HOCs, render props, portals, and SSR.

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


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