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

やあ、調子はどうだい？日々、機能開発のチケットをバリバリ消化しつつ、「この汎用コンポーネント、別の画面で少しだけ見た目を変えたいって言われたんだけど、どう設計したもんだ……」と頭を悩ませていないかい？わかるよ。その悩み、中級から一歩抜け出し...

お疲れ。最近、君の書いたコンポーネントのコードレビューをしたんだけどさ……おっと、そんなに身構えなくていい。悪くない出来だったよ。ただ、イベントハンドラの型定義のところで、少し「もったいない書き方」をしている箇所があったんだ。例えば、親から...

こんにちは。君もそろそろ、Reactのコンポーネント設計で「あ、これちょっと雑にProps渡しすぎたな……」と冷や汗をかくフェーズを抜け出したい頃合いじゃないかな？実務でコードを書いていると、親から子へ、さらにその孫へとDOMの属性やカスタ...

こんにちは。フロントエンドチームのアーキテクートをやっている私だ。日々、コードレビューをしていて「おっ、いい感じにコンポーネントが分割されているな」と感心することもあれば、「あぁ、ここでそのPropsの設計にしちゃったか……」と頭を抱える夜...

お疲れ様です。最近、プロダクトのパフォーマンス改善チケットを次々と片付けていることと思います。さて、コードレビューをしていると、やたらとあちこちに `React.memo` を貼り付けているコードを見かけませんか？「とりあえず再レンダリング...

お疲れ。最近、TypeScriptの型定義を書くのがすっかり当たり前になって、コード補完の恩恵を受けながら「よし、型安全だな」と安心しきって開発していなかい？確かにTSは最高だ。だがな、中級からもう一段上のシニアへとステップアップしたい君に...

こんにちは。フロントエンドの現場で日々コンポーネントの海と格闘している皆さん、調子はどうですか？コードレビューをしていて、よくこんな型定義を見かけませんか？// よくある「とりあえず ReactNode にしとけ」パターンtype MyBu...

こんにちは。チームのコードレビューをしていて、最近一番「あぁ、またやってるな」と頭を抱えたくなる瞬間がどこか分かるかい？そう、「Prop Drilling（プロップドリリング）」の泥沼と、それに伴う型定義の迷走だ。画面の深くまでデータを渡し...

やあ、調子はどうだい？日々、コンポーネントを量産してチケットを消化しまくっていることと思う。さて、今回はReactの「Propsによるデータの受け渡し」の核心、それも中級へのステップアップで必ず引っかかる「Default Propsとデフォ...

こんにちは。プロダクトの規模が膨らみ、デザインシステムや共通UIコンポーネントの整備に本格的に取り組むフェーズにくると、誰もが一度はこの壁にぶぶつかります。「ボタンやテキストのコンポーネントを作ったはいいものの、デザインの要望で『ここはやっ...