childrenは、2つのカプセル化を同時にやってる。
①Java: クラス隠蔽→React: 他のコンポーネントを閉じ込める
②Java: パッケージ制限→React: 親のタグで挟み込む ReactNodeのおかげ。
13
How is that different from <Component footer={<Footer />} /> where you type footer as ReactNode as well?
1
95
Apr 16
～10-2-3のP-554の途中までで、全体で84%まで
今日の学習内容：
・Propsでの型定義
・ReactNodeの正体
・Stateの型定義
・コンテキストの型定義
今日はここまで。
10
Effect-TSでレンダリングするのではなく
レンダラを生成するのがミソ
Effect<ReactNode>
ではなく
Effect<(props: Props) => ReactNode>
よってこの合成はアプリ起動時に一度だけ実行
1
41
See also <CompositeComponent>
Permits getting rid of 'use client' directives (and probably co-locate more client/server things in the same file 🤔)
Server creates an RSC flight payload with "holes" that can be "filled" on the client with ReactNode / render prop
2
1
21
2,131
Mar 25
ReactNodeの型の中にstringも含まれているの初めて知りました…
ReactNode | string
とかって書いてた…
Reactの"要素の型"、それぞれの特性理解していますか？｜msy. zenn.dev/msy/articles/e21e72… #zenn
82
@timneutkens 'use cache' prerenders ReactNode props instead of treating them as holes. Passing <SanityLive /> (uses dynamic({ ssr: false })) as a prop to a cached layout triggers BailoutToCSR and blanks the page. Tested on v16.2.0-canary.99. Do you have any workaround?
7
Mar 6
ReactNodeの擬似的な再現からついに解放されると思いつつ、Figmaのメンテナンスコストはかなり怪しいと自分も思ってます、、
1
1
51
Feb 24
Just dropped v1.2.1 of ark-floating-scroll 📦
🚀 renders 10,000 items BLAZINGLY FAST
🧠 now types are BLAZINGLY STRICT (ReactNode -> ReactElement)
If your scroll isn't breaking the sound barrier what are you even doing? 🏎️💨
npm i ark-floating-scroll
npmjs.com/package/ark-floati…
30
- The Journey to a Safer Frontend: Why Gusto Removed React.FC
`({}: Props): ReactNode or JSX.Element => {...}`は毎度書くのめんどくさいと思ってたけど、FCより型が効いてたんだな。じゃあFCの存在意義とは？と、ふと思ったけど。
めんどくささ軽減はrulesあたりに記載でAI自動生成かねぇ。
This Week In React 269
⚛️ React
- State of React
- TanStack Start / Hotkeys
- Next.js
- Base UI
- React Doctor
- Tailwind
📱 Mobile
- Hermes
- Sparkling / Lynx
- Enriched
- Yoga
- Voltra
- AI
🍿 Read/subscribe: thisweekinreact.com/newslett…
This tweet sucks, but please support us 🤪
1
3
129
1
55
Today I learned about contextual typing in TypeScript when trying to migrate from React's `FC<Props>` type to explicit `(props: Props) => ReactNode`. It highlighted some issues which weren't obvious before.
More information:
* github.com/Microsoft/TypeScr…
* github.com/microsoft/TypeScr…
1
42
Feb 6
I’ve just found out that the ReactNode definition has this lol
1
1
49
Feb 6
へぇ
「React 18では「FC」と「ReactNodeを返す関数」は同等のものでした。しかし、React 19では両者に差分があり」
qiita.com/uhyo/items/0d6797b…
2
127
Feb 5
DO_NOT_USE_OR_YOU_WILL_BE_FIRED ? In the ReactNode type definition
1
18
Feb 5
[2026/02/06 06:00] トレンド8位
React 19の型定義では「FC」と「ReactNodeを返す関数」が違う by uhyo qiita.com/uhyo/items/0d6797b…
1
51
1
5
963