#react
6件の記事
-
React Compilerを入れたらuseMemo・useCallbackがほぼ消えた話！実際に消えたコードを紹介
React Compiler を実際に仕事のプロジェクトに導入してみたら、手動で書いていた useMemo・useCallback の大半が不要になりました。導入手順とハマった点をまとめています。
-
shadcn/uiでReactのUI作りがかなり楽になった話！コードを持つ方式ならではの注意点も
React プロジェクトに shadcn/ui を導入したところ、デザインの一貫性を保ちながらコンポーネントを自由にカスタマイズできて、UIの実装速度がかなり上がりました。
-
v0でUIプロトタイプを爆速で作る方法！本番コードに持ち込むときの注意点も
Vercelが提供するAI UI生成ツール「v0」をプロトタイプ作成に使い始めた体験談です。テキストから React + Tailwind のコードを自動生成してくれて、デザイン確認のサイクルがかなり早くなりました。
-
TanStack Query v5の変更点と使い方！queryKeyの決め方を揃えたらキャッシュ管理がラクになった
React プロジェクトで TanStack Query（旧 React Query）v5 を導入したところ、非同期データの取得・キャッシュ・ローディング状態の管理が一本化されて、コードがだいぶ整理されました。
-
TanStack Queryでデータ取得のuseEffectが消えた話！prefetchQueryとselectの使い方
React プロジェクトのデータ取得に TanStack Query（旧 React Query）を導入したところ、useEffect + fetch の手書きコードがほぼなくなり、ローディングやキャッシュ管理がかなり楽になりました。
-
useContextのProvider地獄をZustandで解消した話！再レンダリングを増やさない書き方も
複数コンポーネントで共有する State を useContext で管理していたプロジェクトに Zustand を導入したところ、Provider の入れ子が消え、コードがかなりスッキリしました。
