React 【実務・中級編】 プリミティブ値の依存配列による制御 – React実践ガイド
お疲れ。最近、君が書いたコンポーネントのコードレビューをしたんだけどさ……正直、「あ、これまたやってるな」って箇所がいくつかあったんだよね。特に、`useEffect` の依存配列（dependency array）まわり。「とりあえず値が...
React
React React 【実務・中級編】 クリーンアップ関数の仕組み – React実践ガイド
やあ。今日も今日とてコンポーネントのライフサイクルと格闘していることだな。中級へのステップを駆け上がっている君なら、`useEffect`の基本はもうマスターしているはずだ。「画面の描画が終わった後に、API叩いたりサブスクライブしたりする...
React 【実務・中級編】 依存配列を省略した場合の挙動 – React実践ガイド
こんにちは。君たちの書いたコードレビューをしていると、時々「おや？」と首を傾げたくなる実装に出くわすことがある。特に`useEffect`の依存配列（dependency array）の扱い方には、そのエンジニアの「Reactのライフサイク...
React 【実務・中級編】 依存配列が空配列[]の場合の挙動 – React実践ガイド
フロントエンドの荒波を共闘する仲間たちよ、今日も今日とてコンポーネントのライフサイクルと泥臭く格闘しているかい？実務でReactを触っていると、避けて通れないのが「副作用の制御」だ。中でも`useEffect`の依存配列（dependenc...
React 【実務・中級編】 useEffectの基本構文と実行タイミング – React実践ガイド
やあ。最近、コードレビューをしていて「あー、またここでハマってるな」って思うポイントがあるんだよね。そう、王様の顔をした諸刃の剣、`useEffect`だ。中級に差し掛かったエンジニアによくあるのが、「とりあえず画面が表示された後にデータを...
React 【実務・中級編】 状態管理ロジックのテスト戦略 – React実践ガイド
こんにちは。君もそろそろ「よし、コンポーネントの見た目のテストは書けるようになったぞ。でも、この複雑に絡み合ったカスタムフックやreducerのロジック、どうやって単体テスト書けばいいんだ……？」という壁にぶち当たっている頃じゃないかな。大...
React 【実務・中級編】 関数型更新（Functional Updates）の活用 – React実践ガイド
やあ。最近、チームのコードレビューをしていて「またか」と天を仰ぎたくなる瞬間があるんだ。それが今回テーマにする`useState`の非同期バグ、そしてそれを鮮やかに解決する「関数型更新（Functional Updates）」の不徹底による...
React 【実務・中級編】 useStateの遅延初期化（Lazy Initialization） – React実践ガイド
やあ、調子はどうだい？日々、機能開発やコンポーネントのパフォーマンスチューニングに追われてご苦労さま。今日もコードレビューをしていて、ふと気になる書き方を見かけたんだ。おそらく君も、いや、世の中の多くのReact開発者が一度はやってしまいが...
React 【実務・中級編】 不変性を保った状態更新のテクニック – React実践ガイド
こんにちは。現場で日々、複雑なUIと格闘している中級エンジニアの皆さん、調子はどうかな？「よし、APIから取得したユーザーデータの権限を書き換えて、画面に反映させよう！」そう意気込んで `user.role = 'admin'; setUs...
React 【実務・中級編】 状態の同期におけるアンチパターン – React実践ガイド
おい、最近コードレビューしていて「あ、またこれやっちゃってるな…」って思うアンチパターンがあるんだよね。それが、「propsからstateを初期化する」、そして「複数の状態を同期させようとして沼にハマる」というやつだ。中級へのステップアップ...