React

やあ。今日も今日とてコードレビューに追われてるかい？フロントエンドの海原へ漕ぎ出し、数々のバグという名の海中要塞を突破してきた中級エンジニアのキミなら、そろそろ「Reactの裏側の動き」にモヤモヤし始める頃合いなんじゃないかと思う。「よし、...

やあ。現場のコードレビューで「とりあえずContextに入れとけばいいか」という安易な実装を見て、思わず天を仰いだことはないかい？中級の壁を抜け出し、シニアへとステップアップしようとしている君なら、Context APIが「魔法のグローバル...

こんにちは。チームのコードレビューをしていて、「あ、またここでやっちゃってるな」と夜な夜な赤入れをするのが日課のシニアアーキテクトだ。今回は、Reactの`useReducer`、そしてその心臓部である「reducer関数における純粋性の担...

こんにちは。君もそろそろ、実務で「`useState`の海」に溺れかけ、コードが肥大化して夜中に冷や汗をかくフェーズを抜け出したい頃なんじゃないかな。よくあるんだよ、チュートリアルを卒業した中級エンジニアが、いざ現場の複雑なフォームや非同期...

こんにちは。毎日チケットを消化しながら「また`useState`の値が古い……？」とデバッガーの前で頭を抱えていないかい？中級の壁を突破してシニアの領域に踏み込もうとしている君なら、フォームの入力値が複雑に入り組んだり、非同期処理の絡む複雑...

お疲れ。今日もコードの海に潜ってリファクタリングの息継ぎをしているところか？Reactを触り始めて半年、あるいは数年が経ち、「コンポーネントの分割も、カスタムフックの切り出しも大体できるようになったぜ」という中級エンジニアの君たち。そこでお...

やあ、お疲れ。最近、現場で「`useState`の値がどうしても一瞬ズレるんだよね……」とか、「なんでこのタイミングで再レンダリング走っちゃうの？」って頭を抱えている後輩の姿をよく見かける。君も経験があるかもしれないが、非同期の罠にハマった...

こんにちは。チームのコードレビューをしていて、一番「うっ……」と絶句する瞬間がいつだか分かるかい？ そう、「親から渡ってきた `props` の値が変わったから、子コンポーネント側で `useState` の初期値を再計算したい」というコー...

お疲れ。少し手を止めて、コーヒーでも飲みながら聞いてくれ。君もそろそろ「Reactの基本は一通りマスターした、実務の機能開発も任せてくれ」というフェーズだと思う。だがな、中級の壁として必ず立ちはだかるのが「非同期処理と状態管理の絶妙なズレ」...

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