TL;DR
patterns.dev がまとめた、React アプリケーションで使われるパターンの一覧。コンポーネントの設計に関するデザインパターンと、ページをどこでどのように描画するかに関するレンダリングパターンに分かれている。
内容
デザインパターン
- Container/Presentational Pattern
- HOC Pattern
- Hooks Pattern
- Render Props Pattern
レンダリングパターン
- Client-side Rendering
- Incremental Static Generation
- Progressive Hydration
- Selective Hydration
- React Server Component
- Server-side Rendering
- Static Rendering
- Streaming Server-side Rendering