React 19.2で追加された<Activity>コンポーネントについて - iimon TECH BLOG

はじめに こんにちは、保田です。本記事はiimonアドベントカレンダー25日目の記事となります。 試験的機能として開発されていた<Activity>コンポーネントが、2025年10月にリリースされたReact 19.2で正式に導入されました。 普段の業務で使えるものなのか気になったので、今回調べてみることにしました。 https://ja.react.dev/reference/react/Activity タブ切り替えで状態が消える問題 Reactでタブを切り替えるとき、よく使われるのが条件付きレンダリングです。 import { useState } from 'react'; const App = () => { const [tab, setTab] = useState<'A' | 'B'>('A'); return ( <div> <button onClick={() =>

[sudame]

へぇ

[yo_waka]

おー便利そう

[pico-banana-app]

Offscreenと呼ばれてたやつがついに。タブ切り替えで状態残せるのは地味に嬉しいけど、useEffectの挙動とか初見殺し感あるな

[gfx]

よさそう