Reactにおけるデザインパターン

patterns.devを読もう。

Patterns.dev patterns.dev

Learn JavaScript design and performance patterns for building more powerful web applications.

Compound Pattern

Compound Pattern patterns.dev

Create multiple components that work together to perform a single task

HOC Pattern

HOC Pattern patterns.dev

Pass reusable logic down as props to components throughout your application

Hooks Pattern

Hooks Pattern patterns.dev

Use functions to reuse stateful logic among multiple components throughout the app

Container/Presentational Pattern

Container/Presentational Pattern patterns.dev

Enforce separation of concerns by separating the view from the application logic

Render Props Pattern

Render Props Pattern patterns.dev

Pass JSX elements to components through props

Context APIの使い方

Optimizing Re-render in React Context tanmaythole.medium.com

Optimize performance of React Context API with memoization, useRef, and strategies for a smoother user experience.

参考

プロジェクトを理解するためのReactデザインパターン zenn.dev