← 参考書一覧

React最新ラボ：話題の新技術を実際に試す

Reactの新しい機能やツールを実際に動かして確かめる発展資料。ViewTransition、Activity、React Compiler、Waku、TanStack Start、React Bitsを試します。

6 記事

最初の記事から読み始める
第1章

React本体の新機能

第1回

<ViewTransition>でアニメーション遷移を実際に試す

React 19.3で安定版になったViewTransitionコンポーネントを実際に試す。リストの並び替えや要素の出入りにアニメーションを付ける方法を、Vite環境で動かしながら解説する。

中級第4回

React Compiler 1.0：Viteへの導入とメモ化の確認方法

安定版になったReact Compilerを実際に試す。Vite 8環境への導入からDevToolsでの効果確認、既存のuseMemoとの付き合い方までを動かしながら解説する。

中級第5回

React 19.2の<Activity>とuseEffectEventを試す

React 19.2で安定版になったActivityとuseEffectEventを実際に試す。タブを切り替えても状態が消えないUIと、useEffectの依存配列の悩み解消を動かしながら解説する。

中級
第2章

新しいフレームワークを試す

第2回

最小Reactフレームワーク Waku をCloudflareで動かす

Jotai作者による最小Reactフレームワーク Waku を実際に試す。プロジェクト作成からServer Components、Cloudflareへのデプロイまでを手順を追って動かしながら解説する。

中級第6回

TanStack Start v1を試す：型安全フルスタックReact

v1リリース候補になったTanStack Startを実際に試す。プロジェクト作成からファイルベースルーティング、Server Functionsまでを動かしながら解説する。

中級
第3章

最新UIライブラリを試す

第3回

React Bitsでアニメ付きUIを最短実装する

アニメ付きUIコンポーネント集 React Bits を実際に試す。jsrepoでの導入からBlurTextの設置までを、このサイトと同じVite+Tailwind環境で動かしながら解説する。

中級