Course curriculum

    1. はじめに

    2. ブラウザレンダリングとReactのレンダリングの違い

      無料プレビュー

    3. 公式ドキュメントを見ながらReactレンダリングの理解を深めよう

    4. 仮想DOMとは？何が良いことがあるのか？

    5. Reactレンダリングが起こるタイミングを理解しよう

    6. パフォーマンスチューニングに必要な拡張機能を紹介

    7. 親がレンダリングされると子がレンダリングされるのか確認しよう

    8. React.memoを使ったレンダリング最適化

    9. useCallbackを使ったレンダリング最適化

    10. カスタムフックスではuseCallbackを積極的に使おう

    11. useMemoを使ったレンダリング最適化

    12. メモ化をせずにパフォーマンスを上げる方法

    13. 初回レンダリングのuseEffectを使ったフェッチングの実装とデメリット

    14. useSWRを使ったキャッシュ化戦略

      無料プレビュー

    15. カスタムフックスに切り出して再利用可能にしよう

    16. TanStack Queryを使ったキャッシュ化戦略

    17. TanStack DevToolsを使ってみよう

    18. useSWRとTanStack Queryはどちらを使うべきか

    19. React.lazy()で遅延読み込みとSuspenseを使ったローディング

    20. useRefを使った複数レンダリングの回避

    1. Todoアプリで学ぶ不要なレンダリングのタイミングと改善

    2. 現状のアプリのボトルネックを探してみよう

    3. React.memo化して不要なレンダリングを回避してみよう

About this course

  • 29,800円
  • 23回のレッスン
  • 2時間の動画コンテンツ

Discover your potential, starting today