React

React Server Componentsからパフォーマンス最適化、アニメーション、動画生成まで。モダンReact開発の実践テクニック。

Server Components

RSCの仕組みと「use client」を最小化する設計。

RSCの仕組み・Client Componentsとの違い・いつ使うべきかを実例で解説。Next.js App Routerでの実践パターンも紹介。

React Server Componentsで「use client」を増やしすぎない設計パターンを解説。Island Architecture・Composition Pattern・実践的リファクタリング例。

再レンダリング最適化、useEffectの罠、アニメーション、動画生成。

Reactの不要な再レンダリングを防ぐmemo・useMemo・useCallbackの正しい使い方と、再レンダリングを特定するデバッグ手法を解説。

useEffectで無限ループが起きる仕組みを図解。依存配列の書き忘れ・オブジェクト参照・fetchパターンごとに正しい書き方を解説。

Motion（旧Framer Motion）の基本から実践まで解説。フェードイン・スクロール連動・ページ遷移アニメーションを実例コード付きで紹介。

ReactベースのRemotionとClaude Codeを組み合わせて、プロンプトから動画を自動生成する実践ガイド。環境構築からレンダリングまで解説。