ReactのFragment・StrictMode・Suspenseとlazy：組み込み機能の使い方
ReactのFragment・StrictMode・Suspense・lazyを用語集の実装で解説。key付きFragment、遅延読み込み、開発時の追加チェック、待機と失敗の違いを学びます。
EXPLORE THE STACK
React.js開発ノート
React.jsのコンポーネント、props、stateを動くコードで学ぶ開発ノート。小さなアプリの実装を通じて、UI開発の基本を身につけましょう。
記事一覧
7 ARTICLES
ReactのuseTransitionとuseDeferredValue：入力と一覧更新の優先度を分ける
useTransitionとuseDeferredValueを検索画面のコードで比較。入力と結果更新の優先度、更新中の表示、デバウンスとの違いをReact 18対応の例で学びます。
ReactのuseId入門：ラベルと説明を関連付けた入力フォームを作る
ReactのuseIdで重複しないIDを生成し、入力欄・ラベル・説明文を関連付ける方法を解説。TypeScriptのフォーム例、keyとの違い、SSR時の注意点を学べます。
ReactのuseMemoとuseCallback：商品検索で学ぶメモ化の使い分け
ReactのuseMemo・useCallback・memoの違いを商品検索のコードで解説。依存配列、propsの参照、React Compilerとの関係、計測して最適化する判断を学びます。
ReactのuseReducer入門：TypeScriptで買い物リストの状態更新を整理する
React公式リファレンスを参考に、useReducerで買い物リストを実装。TypeScriptのaction型、dispatch、純粋な更新関数、追加・購入済み切り替え・削除を学びます。
Reactの基本Hooks入門：useState・useEffect・useRef・useContextの使い方
ReactのuseState・useEffect・useRef・useContextをTypeScriptの動く例で解説。状態更新、イベントの後始末、入力欄へのフォーカス、テーマ共有と使い分けを学びます。
React.js入門：コンポーネント・props・stateを読書リストで学ぶ
React.jsのコンポーネント・props・stateを、検索と読了切り替え付きの読書リストで学びます。TypeScriptの完全なコード例、配列更新、key、useEffectの判断を解説。