# react

8 articles

Next.js App Router + Upstash Redisでいいねボタンを実装する手順と、Vercelの従量課金環境で運用した結果わかったコスト問題を解説する。

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

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

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

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

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

コンソールに真っ赤なHydration Errorが出たときの原因パターンと修正方法を完全解説。App Router対応。

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