生成AI時代のReact実践入門React実践入門

← シリーズ一覧

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

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

3 記事

← 第0回から読み始める

第1章

React本体の新機能

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

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

第2章

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

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

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

第3章

最新UIライブラリを試す

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

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