React.js / Next.js

React.js には複数の 状態管理 方法があり、アプリの規模や用途によって最適な選択肢は異なります。そこで今回は、React.js における代表的な状態管理手法である React Hooks、Zustand 単体、SWR + Redux...

今回は、React.js でフォームを扱う際によく使われるライブラリ React Hook Form について、バリデーションライブラリの Zod と合わせて、基本的な考え方から実際の使い方、よくあるユースケースまでをわかりやすく解説します...

今回は、React Hooksの中でも重要なuseReducerについて、基本的な考え方から使い方、代表的なユースケースまでをわかりやすく解説します。useReducer とは？useReducer とは、複数の状態を持つコンポーネント に...

今回は、React API である memo と React Hooks の useMemo・useCallbackについて、それぞれの違いや使い方、代表的なユースケースをわかりやすく解説します。memo / useMemo / useCa...

今回は、React.js や Next.js を学ぶ上で押さえておきたい 公式サイト や おすすめのサイト についてご紹介します。公式サイト(公式ドキュメント・公式チュートリアル)下記に 公式サイト の調べものをする 公式ドキュメント や順...

今回は、React 19 以降で利用できるようになった新しい React API の use について、仕組みや基本的な使い方、代表的なユースケースまでをわかりやすく解説しますuse とは？use は、Promise や Context な...

今回は、React Hooksの中でも重要なuseContextについて、基本的な考え方や使い方、代表的なユースケースまでをわかりやすく解説します。useContext とは？useContextとは、コンポーネントツリー内で共有されている...

今回は、React Hooksの中でも重要なuseRefについて、基本的な考え方や使い方、代表的なユースケースまでをわかりやすく解説します。useRef とは？useRef とは、React.js で 値を保持するためのHookの一つ で、...

今回は、React Hooksの中でも特によく使用されるuseEffectについてご紹介します。useEffect とは？useEffect とは、React.js で 画面が表示された後（レンダリング完了後）に、UIの描画以外の処理（副作...

今回は、React Hooksで最も代表的な useStateについてご紹介します。useState とは？useState とは、React.js で「状態（state）」を保持や更新したり管理するためのHook です。状態（state）...