応用

React · 上級 - 高度なパターンとパフォーマンス

• 複雑な state のための useReducer遷移を一元化し、あり得ない組み合わせを排除する純粋なリデューサーで、複雑な state を構造化します。
• Context: prop drilling なしで共有するcontext を使って prop drilling なしでデータを行き渡らせ、その再レンダーと制約を管理下に置きます。
• カスタムフック: ロジックの抽出と再利用state を持つロジックを、再利用でき、組み合わせやすく、テスト可能なフックへ抽出します。
• メモ化: memo、useMemo、useCallbackReact.memo、useMemo、useCallback がいつ本当にアプリを速くし、いつ意味もなく複雑にするのかを学びます。
• useRef と DOM 操作レンダーの純粋性を壊さずに、useRef で DOM を操作し、インスタンスの値を保持します。