Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け）

やあ、お疲れ。最近、君の書いているコードをレビューしていて「お、いい感じにコンポーネントの抽象化ができるようになってきたな」って感心してたところだ。でもな、先日書いてくれた汎用的なリストコンポーネントのプルリクエスト、あれはちょっともったい...

こんにちは。チームのコードレビューをしていて、一番「あぁ、またか」とため息が出る瞬間ってどんな時ですか？私はね、PR（プルリクエスト）の差分を見たときに、あるコンポーネントのProps定義が `type` で書かれていたり、別のファイルでは...

お疲れ。今日は少し「タイムマシン」に乗ってもらうことになるかもしれない。今やフロントエンドの開発現場において、TypeScriptは「あって当たり前のインフラ」だ。`interface` や `type` でPropsをガチガチに固め、ID...

こんにちは。フロントエンドチームのシニアアーキテクトだ。今日は、君たちが日々の開発で頭を悩ませているかもしれない「React Server Components（RSC）とPropsの交差点」、特にRSCをProps（childrenやカス...

やあ、調子はどうだい？最近、現場でもすっかりお馴染みになってきたReact Server Components（RSC）だけど、コードレビューをしていて一番やりがちな「やらかしポイント」って知ってるかい？そう、「サーバーからクライアントへ、...

こんにちは。現場の最前線で毎日コードと向き合っていると、「動くには動くけれど、どうもパフォーマンスが怪しい」「親の再描画に引きずられて、子コンポーネントが無駄にレンダリングされている気がする」という壁にぶつかることがよくありますよね。中級か...

やあ、今日もコードと格闘ご苦労様。中級の壁を突破しようともがいている君なら、一度は「なぜこの子コンポーネントが無駄に再レンダリングされるんだ？」とReactのパフォーマンスチューニングの沼にハマったことがあるはずだ。「よし、`React.m...

やあ、調子はどうだい？最近、コードレビューをしていて一番頭を抱えるのが、この「Propsのバケツリレー」なんだよね。親から子へ、子から孫へ、孫からひ孫へ……。画面の最深部にある小さなボタンのスタイルや状態を変えたいだけなのに、その間にある無...

フロントエンドの現場で頭を悩ませる瞬間の一つに、「子コンポーネントがやたらと複雑なPropsを要求してくる問題」がありますよね。特に、APIから生えてきた巨大なドメインモデルをそのまま突っ込んでいるようなコンポーネントのテストを書くとき、私...

やあ、今日もコードと格闘ご苦労様。中級の壁を突破しようともがいている君なら、そろそろ「動くコードを書く」フェーズから、「保守しやすく、テストでガチガチに守られた堅牢なコンポーネントを設計する」フェーズへ移行したい頃合いだと思う。今回は、実務...