Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 React.ReactElement型の詳細 – React実践ガイド
Reactの型定義、なんとなく`React.ReactNode`で済ませていないか？現場のコードレビューをしていると、Propsの型定義で思考停止してとりあえず `children: React.ReactNode` と書いているケースによ...
React
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 React.ReactNode型の役割 – React実践ガイド
React.ReactNodeの正体：なぜ「とりあえずこれ」と指定するのか、その深淵を覗く現場でコードをレビューしていると、コンポーネントのPropsに `children: React.ReactNode` を指定しているコードによく出会...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 TypeScriptのTypeエイリアスによるProps定義 – React実践ガイド
ReactにおけるProps定義の極意：interfaceか、typeか。現場で迷わないための境界線現場でコードレビューをしていると、必ずと言っていいほど議論になるのが「Propsの定義に `interface` を使うべきか、`type`...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 TypeScriptによるPropsのインターフェース定義 – React実践ガイド
React × TypeScript：型定義という名の「信頼」をコードに刻むやあ。現場でコードを書いていて、「このProps、結局何が渡されるのか実行してみないとわからない」という恐怖に震えたことはないかい？Reactの柔軟性は諸刃の剣だ。...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 PropTypesによる実行時の型チェック – React実践ガイド
Reactのフロントエンド・アーキテクトとして、今日伝えたいのは「TypeScript全盛の今、なぜあえてPropTypesを語るのか」という点についてだ。モダンな開発現場では「型定義はTypeScriptでやるもの」というのが常識だ。しか...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Propsの分割代入による受け取り – React実践ガイド
Propsの分割代入、ただの「省略」と侮るなかれ。Reactアーキテクトが語る現場の流儀Reactでの開発に慣れてくると、誰もが一度は通る道がある。そう、コンポーネントの引数で受け取る `props` の扱いだ。初心者の頃は、何のためらいも...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 デフォルトPropsの設定方法 – React実践ガイド
ReactにおけるデフォルトPropsの「正解」：なぜ今、`defaultProps`は死んだのか現場でコードレビューをしていると、未だに`defaultProps`を使っているコードに出くわすことがあります。Reactの歴史を知る古参のエ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 childrenプロパティの仕組みと使い方 – React実践ガイド
Reactの`children`を使いこなす：ただの「穴埋め」で終わらせないための設計術現場でReactを書いていると、コンポーネント設計の難しさに直面する瞬間があるはずだ。「このコンポーネント、汎用的にしたいけど、propsがどんどん増え...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 コンポーネントへのPropsの受け渡し構文 – React実践ガイド
やあ。Reactを触り始めてしばらく経つと、コンポーネント間でPropsをどう受け渡すかという「作法」に迷うことはなくなるだろう。だが、中級者として一歩先へ進むなら、「ただ動くコード」ではなく「意図が明確で、拡張性に優れたコード」を書く必要...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【実務・中級編】 Propsの基本概念と読み取り専用の原則 – React実践ガイド
ReactのPropsは「ただの引数」じゃない。データフローの哲学と不変性の真実現場でコードレビューをしていると、Propsの扱いで躓いている中級エンジニアに時折出会います。「なぜpropsを直接書き換えてはいけないのか？」「なぜ親から子へ...