Fragment Refsのずるい使い方

Fragment Refsは、React 19.3で追加された新機能のひとつで、Fragmentコンポーネントがrefをサポートするようになるというものです。ここで得られるrefはReactが用意したFragmentInstanceオブジェクトで、addEventListenerやfocusといったいくつかのメソッドを持っています。 Fragmentは何もDOM要素を描画しない、実態...

はてなテクノロジー 2026年09月14日 14:30

この記事のキーワード

React Fragment Refs Fragmentコンポーネント FragmentInstance addEventListener DOM要素実態...

グラフで繋がりを見る

同じキーワードの記事

共有しているキーワードが多い順

React 19.3 – React

Fragment Refsのずるい使い方

この記事のキーワード

同じキーワードの記事

React 19.3 – React

React 互換の軽量ランタイム TanStack Redact とは

Shopifyがスマホアプリ開発でReact NativeからSwiftとKotlinに回帰、コーディングAIの性能向上が理由

Reactの設計論

Native is now the future of mobile at Shopify (2026) - Shopify

React 19移行で学んだpnpmの依存関係解決の仕組み

useStateとuseEffectだけじゃもったいない！ ユーザー体験を改善するReactの便利機能 - ICS MEDIA

Next.js 16.3正式版リリース。Turbopackのメモリ使用量が最大90％減、SSRが最大22％高速化、TypeScript 7による型チェック高速化など

React 19.3 browser() APIの使いみち～FUNSTACK Routerの場合～

TanStack Virtual で大量の要素を仮想化して描画する

React でアクセシブルな Tree View を実装する

React Compiler Support

コーディングエージェントが実装するUIの品質を上げるためにやったこと

純関数・参照透過性・冪等性の違いが分からなくなったのでまとめる

テックブログはじめました & 継続的な循環的複雑度と認知的複雑度の計測をしているという話題 - タイムリープ テックブログ

Release 1.0.0 🎉 · hunvreus/basecoat

Gea — Compiler-First Reactive UI

useStateとuseEffectだけじゃもったいない！ユーザー体験を改善するReactの便利機能 - ICS MEDIA

テックブログはじめました & 継続的な循環的複雑度と認知的複雑度の計測をしているという話題 - タイムリープテックブログ