Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

辞典

トップページ
React辞典

React辞典一覧ページ

初心者向け: 概要と特徴、学習順ガイド	コンポーネント・JSX・Hooks の学習順ガイド。
【環境構築】React Dictionaryの開発環境	Node.js と Vite を使った環境構築手順。
act()	テスト環境でレンダリングや状態更新を確実に処理するヘルパー関数。
非同期レンダリング	レンダリングを中断・再開可能にしてUIの応答性を高める仕組み。
.children()（直接の子要素を取得）	コンポーネントの開始・終了タグ間に渡される子要素を受け取る特別な props。
cloneElement()	既存の React 要素を複製して props を追加・上書きする関数。
Component	UIを独立した部品として定義し再利用するための仕組み。
コンポーネントの合成	小さなコンポーネントを組み合わせてUIを構築する設計手法。
条件付きレンダリング	条件に応じて表示する要素を切り替える手法。
Context	props なしにコンポーネントツリー全体でデータを共有する仕組み。
制御コンポーネントと非制御コンポーネント	React state 管理と DOM 任せの2つのフォーム方式の比較。
createContext()	コンポーネントツリー全体で値を共有する Context を作成する関数。
createElement()	JSX を使わず React 要素を生成するための関数。
createPortal()	親の DOM ツリー外の要素へ子要素をレンダリングする関数。
createRoot()	React 18 から導入されたアプリケーションのルートを作成する関数。
Custom Hook	状態管理・副作用などのロジックを切り出して再利用する関数の仕組み。
dangerouslySetInnerHTML	HTML 文字列を直接 DOM に挿入するための特殊属性。
defaultProps	props が渡されなかった場合のデフォルト値を定義する仕組み。
Error Boundary（エラー境界）	子コンポーネントのエラーをキャッチして代替UIを表示する仕組み。
イベント処理	クリックやキー入力などのユーザー操作に応じて関数を呼び出す仕組み。
flushSync()	コールバック内の状態更新を即座に DOM へ反映させる関数。
Form	制御・非制御コンポーネントの2方式によるフォーム実装パターン。
forwardRef	親から渡された ref を子の DOM ノードへ転送する関数。
Fragment	余分な DOM 要素を追加せずに複数要素をまとめて返す構文。
高階コンポーネント（HOC）	コンポーネントを引数に取り機能を追加した新しいコンポーネントを返す関数パターン。
hydrateRoot()	SSR で生成した HTML にクライアント側 React を接続する関数。
JSX	JS ファイルに HTML ライクな構文を書けるトランスパイル前提の拡張記法。
key Prop	リスト描画でReactが各要素を識別するための特別な属性。
lazy()	コンポーネントを動的インポートで遅延読み込みする関数。
Lifecycle	マウント・更新・アンマウントというコンポーネントの一連の流れ。
State のリフトアップ	複数コンポーネントで共有する state を共通の親へ移動する設計パターン。
リストとkey	配列データを繰り返し描画し key で各要素を識別する仕組み。
Profiler	コンポーネントツリーのレンダリング時間を計測するコンポーネント。
PropTypes	props の型を実行時にチェックするライブラリ。
Props	親コンポーネントから子コンポーネントにデータを渡す仕組み。
PureComponent	props と state の浅い比較で再レンダリングをスキップする基底クラス。
React DevTools	state・props をブラウザで視覚的にデバッグできる拡張機能。
React.memo	props が変化しない限り再レンダリングをスキップするメモ化の仕組み。
React Router	URLパスに応じてコンポーネントを切り替えるルーティングライブラリ。
Redux	アプリケーション全体の state を単一ストアで一元管理するライブラリ。
ref（DOM参照）	DOM要素やクラスコンポーネントのインスタンスへの参照を保持するオブジェクト。
Render Props	レンダリング内容を外側から制御するための設計パターン。
サーバーコンポーネント	サーバー上でのみ実行されクライアントにJSを送らないコンポーネント。
startTransition()	状態更新を非緊急としてマークし優先度を下げるトップレベル関数。
State	コンポーネント内部で管理する変更可能なデータ。
StrictMode	開発時に潜在的な問題を検出するラッパーコンポーネント。
スタイリング	className・CSS Modules などスタイル適用方法の比較。
Suspense	読み込み完了までの間フォールバック UI を表示する仕組み。
use() フック	条件分岐内でも Promise や Context を読み取れる新 API。
useCallback	関数の参照をメモ化して不要な再生成を防ぐフック。
useContext	Context の値を中間コンポーネントなしに直接取得するフック。
useDebugValue	DevTools でカスタムフックにデバッグラベルを表示するフック。
useDeferredValue	値の更新を遅延させて高優先度の更新を先に反映させるフック。
useEffect	レンダリング後に副作用を実行するフック。
useFormState	フォームアクションの実行結果に基づいて状態を更新するフック。
useFormStatus	親 <form> 要素の送信状態を子コンポーネントから取得するフック。
useId	サーバーとクライアントで一致する一意な ID を生成するフック。
useImperativeHandle	親が ref を通じてアクセスできるメソッドをカスタマイズするフック。
useLayoutEffect	DOM 更新後・ブラウザ描画前に同期的に副作用を実行するフック。
useMemo	計算コストの高い値をメモ化して再計算を抑えるフック。
useOptimistic	非同期処理の完了前に UI を先行更新する楽観的 UI のフック。
useReducer()	reducer 関数で複雑な状態遷移を管理するフック。
useRef	再レンダリングなしに値を保持しDOM参照を取得するフック。
useState	関数コンポーネントに状態変数を追加するフック。
useSyncExternalStore	React 外部のストアを安全に購読するフック。
useTransition	状態更新を非緊急としてマークしUIの応答性を保つフック。
Virtual DOM（仮想DOM）	DOMをJSオブジェクトで再現し差分だけを効率的に更新する仕組み。

トップページへ

辞典

React辞典 一覧ページ

React辞典一覧ページ