Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Propsスプレッドの安全性と注意点 – React実践ガイド
Propsスプレッドの「沼」にハマるな：安全なコンポーネント設計の極意Reactを書いていると、ついやってしまうのが `{...props}` という記述。いわゆる「Propsスプレッド」だ。「とりあえずこれで全部渡しておけば楽だし、型も通...
React
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 ジェネリックコンポーネントによるPropsの型付け – React実践ガイド
Reactジェネリックコンポーネント：型安全を極め、「再利用可能なUI」を実装する武器現場でReactを書いていると、必ずぶち当たる壁がある。それは、「汎用的なコンポーネントを作ろうとすると、Propsの型定義が`any`や`unknown...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 PickやOmitを用いたPropsの型操作 – React実践ガイド
React×TypeScriptの「型泥沼」から脱却せよ：PickとOmitでPropsを自在に操る極意フロントエンドの現場で「Propsの型定義、面倒くさいな」と感じたことはないだろうか？コンポーネントが肥大化し、似たようなPropsを何...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 React.ComponentPropsユーティリティ型 – React実践ガイド
Reactの型定義で消耗しないために：`ComponentProps`を使いこなすプロの流儀現場でReactを書いていると、一度はこんな経験をするはずだ。「既存のボタンコンポーネントに機能を追加したいが、Propsの型定義をコピペして管理す...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Props Drilling問題と解決策 – React実践ガイド
Props Drillingの迷宮：なぜ私たちは「無意味なバケツリレー」に疲弊するのかやあ。Reactを書いていると、避けて通れないのが「Props Drilling（プロップス・ドリリング）」という名の泥沼だよね。親コンポーネントで定義し...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 コンポーネント合成とchildrenの活用 – React実践ガイド
「props地獄」を卒業しよう。コンポーネント合成（Composition）で実現する、疎結合なUIアーキテクチャ現場でReactを書いていると、一度は経験するはずだ。「Props Drilling（プロップス・ドリリング）」。親から子、子...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Render Propsパターンの概念 – React実践ガイド
Render Props：なぜ「コンポーネントの責務」を関数に委ねるのか現場でコードを読んでいると、たまに「Propsとして関数を渡して、その戻り値をレンダリングする」という奇妙なコンポーネントに出会うことはないだろうか？そう、それが今回語...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 関数をPropsとして渡すパターン – React実践ガイド
Reactのコールバックパターン： Propsで関数を渡すときに、プロが意識している「境界線」の話Reactの世界にどっぷり浸かっていると、「子コンポーネントにイベントハンドラを渡す」なんてのは呼吸をするのと同じくらい当たり前の作業になりま...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Propsの読み取り専用制約とreadonly修飾子 – React実践ガイド
Propsの「うっかり書き換え」を封じろ：TypeScriptとreadonlyが守る堅牢なReactコンポーネント現場でコードをレビューしていると、たまに見かけるんだ。「なぜここでPropsを直接いじってしまったのか？」という光景がね。R...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 TypeScriptにおけるオプショナルPropsの定義 – React実践ガイド
なぜ「Propsのオプショナル」で事故が起きるのか？―TypeScriptとReactの危うい関係を制する現場でコードレビューをしていると、必ずと言っていいほど目にするのが「オプショナルPropsの扱い」にまつわる悲劇です。「この値はあって...