#React
85 件の記事
読了 10分
モダンReact + Next.js #5 Suspenseとuse()によるローディング処理
準備された部分から段階的に表示するstreaming、Suspense境界、loading.js、そして新しく登場したuse()フックを扱います。
読了 9分
モダンReact + Next.js #4 データフェッチとキャッシング
Server Componentでasync/awaitを使ってデータを直接取得するパターン、そしてNext.jsのキャッシング動作と再検証を見ていきます。
読了 10分
モダンReact + Next.js #3 Server Components vs Client Components
2種類のコンポーネントがどう違うのか、'use client'ディレクティブでどう境界を引くのか、そしてそれらをどう混ぜて使うのかを整理します。
読了 9分
モダンReact + Next.js #2 Next.jsの開始とApp Router
Next.jsプロジェクトを作成し、App Routerのファイルベースルーティング、layoutシステム、ネストレイアウトを身につけます。
読了 8分
モダンReact + Next.js #1 なぜNext.jsとServer Componentsなのか
クライアントサイドReactの限界と、Server Componentsが解決する問題、CSR/SSR/RSCの違いを整理します。
読了 9分
ReactでTodoアプリを作る #5 永続化と締めくくり
localStorageでデータを永続化してリロードしても維持されるように仕上げます。シリーズ全体を振り返りながら次のステップも案内します。
読了 9分
ReactでTodoアプリを作る #4 編集機能
項目をダブルクリックするとインライン編集モードに入り、Enterで保存 / Escapeでキャンセルする編集機能を作りながらuseRefも初めて使ってみます。
読了 7分
ReactでTodoアプリを作る #1 開始と追加/削除
基礎講座で学んだReactで本物のTodoアプリを作ってみます。最初の記事は要件定義、コンポーネント設計、そして追加/削除機能までを作ってみます。
読了 11分
React基礎講座 #15 ルーティング概要 (React Router)
SPAのルーティング概念とReact Routerの基本的な使い方、動的経路/ナビゲーション/ネストルートまでを一度に見ていきます。
読了 9分
React基礎講座 #14 パフォーマンス最適化 (memo / useMemo / useCallback)
React.memo、useMemo、useCallbackを使ったパフォーマンス最適化の方法と、これらのツールをいつ使うべきで、いつ使うべきでないかを整理します。