React

やあ、調子はどうだい？最近、コードレビューをしていて「あー、ここでまたあの罠にハマってるな」って思うことが多いんだよね。そう、「モーダルを閉じても入力フォームの値が残っちゃうんだよね…どうリセットすればいい？」っていう相談や実装ミス。君も一...

こんにちは。現場で日々、無限ループするuseEffectや、何の意味もない再レンダリングの山と格闘しているフロントエンドエンジニアの皆さん、お疲れ様です。今回は、Reactのパフォーマンスチューニングにおいて「避けては通れない壁」である、`...

やあ、調子はどうだい？最近、コードレビューをしていて一番よく見かける「モヤッとするアンチパターン」について話そうか。新規機能の初期段階では `useState` でサクッと作っていたはずの状態が、要件の追加やバグ修正の波に揉まれるうちに、気...

お疲れ。最近、君が書いたコンポーネントのPRを見たんだけどさ……子コンポーネント同士でデータを共有したいがために、無理やりReduxを持ち出したり、無駄にContext APIを乱用して再レンダリングの嵐を起こしていた箇所があったよね。気持...

やあ。今日も元気にコンポーネントをリファクタリングしているかい？フロントエンドの現場にいると、TypeScriptとReactの組み合わせはもはや「息をするのと同じ」くらい当たり前になったよね。でも、ちょっと待ってほしい。君が何気なく書いて...

こんにちは。プロダクトの規模が膨らみ、チームメンバーのレビューに追われる日々を送るシニアエンジニアの私だ。さて、君も最近こんな経験をしていないかい？「あれ？ 開発環境でアプリを立ち上げたら、`useEffect` の中身が謎に2回走るんだけ...

こんにちは。チームのコードレビューをしていて、最近一番「あぁ、またやってるな…」と頭を抱えたくなるアンチパターンが何だか分かるかい？そう、「派生状態（Derived State）の不要な`useState`による二重管理」だ。中級に差し掛か...

こんにちは。Reactを触り始めて数年、コンポーネントの分割やカスタムフックの設計にも慣れ、「そろそろ中級の壁を突破したいぜ」という頃合いのエンジニアの皆さん、日々の開発お疲れ様です。プロダクトの規模が大きくなってくると、必ずと言っていいほ...

おい、ちょっといいか。最近レビューしたコードで、また例の「あれ」を踏み抜いているやつがいたんだよ。「ボタンを連打したら、カウントが意図したより全然増えないんです」「非同期処理が終わった後に状態を更新したら、なんか古い値が上書きしちゃってデー...

おい、調子はどうだい？今日も元気に `useState` の無限ループと格闘していることだろう。おっと、そんな険しい顔をするなよ。今回はな、中級のエンジニアたちが必ず一度はハマり、そして「一体どっちで書くのが正解なんだ…？」と夜も眠れなくな...