Fragment Refsのずるい使い方

Fragment Refsは、React 19.3で追加された新機能のひとつで、Fragmentコンポーネントがrefをサポートするようになるというものです。 ここで得られるrefはReactが用意したFragmentInstanceオブジェクトで、addEventListenerやfocusといったいくつかのメソッドを持っています。 Fragmentは何もDOM要素を描画しない、実態のないラッパーですが、FragmentInstanceを通じてそのラッパーに対して疑似的に操作を行っているかのように振る舞います。 基本的な使い方は公式ドキュメントや他の記事に譲るとして、この記事ではちょっとずるい使い方を紹介します。 背景: Activityコンポーネント ActivityコンポーネントはReact 19.2で導入されたもので、<Activity mode="hidden">で囲まれた部分は

[nguyen-oi]

observeUsingをハックして疑似Observer渡すの面白すぎるけど確かに本番でやるのは怖いなｗ

[mkusaka]

React 19.3のFragment refsでobserveUsingを悪用し、Hiddenコンポーネントから子DOMにhidden属性付与する方法を解説。