# React Documentation

> The library for web and native user interfaces.

## Learn React

### スタートガイド

#### クイックスタート
- [クイックスタート](https://ja.react.dev/learn.md)
- [チュートリアル：三目並べ](https://ja.react.dev/learn/tutorial-tic-tac-toe.md)
- [React の流儀](https://ja.react.dev/learn/thinking-in-react.md)

#### インストール
- [インストール](https://ja.react.dev/learn/installation.md)
- [React アプリの作成](https://ja.react.dev/learn/creating-a-react-app.md)
- [ゼロからの React アプリ構築](https://ja.react.dev/learn/build-a-react-app-from-scratch.md)
- [既存プロジェクトに React を追加する](https://ja.react.dev/learn/add-react-to-an-existing-project.md)

#### セットアップ
- [セットアップ](https://ja.react.dev/learn/setup.md)
- [エディタのセットアップ](https://ja.react.dev/learn/editor-setup.md)
- [TypeScript の使用](https://ja.react.dev/learn/typescript.md)
- [React Developer Tools](https://ja.react.dev/learn/react-developer-tools.md)

#### React Compiler
- [React Compiler](https://ja.react.dev/learn/react-compiler.md)
- [はじめに](https://ja.react.dev/learn/react-compiler/introduction.md)
- [インストール](https://ja.react.dev/learn/react-compiler/installation.md)
- [段階的な導入](https://ja.react.dev/learn/react-compiler/incremental-adoption.md)
- [デバッグとトラブルシューティング](https://ja.react.dev/learn/react-compiler/debugging.md)

### REACT を学ぶ

#### UI の記述
- [UI の記述](https://ja.react.dev/learn/describing-the-ui.md)
- [初めてのコンポーネント](https://ja.react.dev/learn/your-first-component.md)
- [コンポーネントのインポートとエクスポート](https://ja.react.dev/learn/importing-and-exporting-components.md)
- [JSX でマークアップを記述する](https://ja.react.dev/learn/writing-markup-with-jsx.md)
- [JSX に波括弧で JavaScript を含める](https://ja.react.dev/learn/javascript-in-jsx-with-curly-braces.md)
- [コンポーネントに props を渡す](https://ja.react.dev/learn/passing-props-to-a-component.md)
- [条件付きレンダー](https://ja.react.dev/learn/conditional-rendering.md)
- [リストのレンダー](https://ja.react.dev/learn/rendering-lists.md)
- [コンポーネントを純粋に保つ](https://ja.react.dev/learn/keeping-components-pure.md)
- [UI をツリーとして理解する](https://ja.react.dev/learn/understanding-your-ui-as-a-tree.md)

#### インタラクティビティの追加
- [インタラクティビティの追加](https://ja.react.dev/learn/adding-interactivity.md)
- [イベントへの応答](https://ja.react.dev/learn/responding-to-events.md)
- [state：コンポーネントのメモリ](https://ja.react.dev/learn/state-a-components-memory.md)
- [レンダーとコミット](https://ja.react.dev/learn/render-and-commit.md)
- [state はスナップショットである](https://ja.react.dev/learn/state-as-a-snapshot.md)
- [一連の state の更新をキューに入れる](https://ja.react.dev/learn/queueing-a-series-of-state-updates.md)
- [state 内のオブジェクトの更新](https://ja.react.dev/learn/updating-objects-in-state.md)
- [state 内の配列の更新](https://ja.react.dev/learn/updating-arrays-in-state.md)

#### state の管理
- [state の管理](https://ja.react.dev/learn/managing-state.md)
- [state を使って入力に反応する](https://ja.react.dev/learn/reacting-to-input-with-state.md)
- [state 構造の選択](https://ja.react.dev/learn/choosing-the-state-structure.md)
- [コンポーネント間で state を共有する](https://ja.react.dev/learn/sharing-state-between-components.md)
- [state の保持とリセット](https://ja.react.dev/learn/preserving-and-resetting-state.md)
- [state ロジックをリデューサに抽出する](https://ja.react.dev/learn/extracting-state-logic-into-a-reducer.md)
- [コンテクストで深くデータを受け渡す](https://ja.react.dev/learn/passing-data-deeply-with-context.md)
- [リデューサとコンテクストでスケールアップ](https://ja.react.dev/learn/scaling-up-with-reducer-and-context.md)

#### 避難ハッチ
- [避難ハッチ](https://ja.react.dev/learn/escape-hatches.md)
- [ref で値を参照する](https://ja.react.dev/learn/referencing-values-with-refs.md)
- [ref で DOM を操作する](https://ja.react.dev/learn/manipulating-the-dom-with-refs.md)
- [エフェクトを使って同期を行う](https://ja.react.dev/learn/synchronizing-with-effects.md)
- [そのエフェクトは不要かも](https://ja.react.dev/learn/you-might-not-need-an-effect.md)
- [リアクティブなエフェクトのライフサイクル](https://ja.react.dev/learn/lifecycle-of-reactive-effects.md)
- [エフェクトからイベントを分離する](https://ja.react.dev/learn/separating-events-from-effects.md)
- [エフェクトから依存値を取り除く](https://ja.react.dev/learn/removing-effect-dependencies.md)
- [カスタムフックでロジックを再利用する](https://ja.react.dev/learn/reusing-logic-with-custom-hooks.md)

## API Reference

### React
- [概要](https://ja.react.dev/reference/react.md)

#### フック
- [フック](https://ja.react.dev/reference/react/hooks.md)
- [useActionState](https://ja.react.dev/reference/react/useActionState.md)
- [useCallback](https://ja.react.dev/reference/react/useCallback.md)
- [useContext](https://ja.react.dev/reference/react/useContext.md)
- [useDebugValue](https://ja.react.dev/reference/react/useDebugValue.md)
- [useDeferredValue](https://ja.react.dev/reference/react/useDeferredValue.md)
- [useEffect](https://ja.react.dev/reference/react/useEffect.md)
- [useEffectEvent](https://ja.react.dev/reference/react/useEffectEvent.md)
- [useId](https://ja.react.dev/reference/react/useId.md)
- [useImperativeHandle](https://ja.react.dev/reference/react/useImperativeHandle.md)
- [useInsertionEffect](https://ja.react.dev/reference/react/useInsertionEffect.md)
- [useLayoutEffect](https://ja.react.dev/reference/react/useLayoutEffect.md)
- [useMemo](https://ja.react.dev/reference/react/useMemo.md)
- [useOptimistic](https://ja.react.dev/reference/react/useOptimistic.md)
- [useReducer](https://ja.react.dev/reference/react/useReducer.md)
- [useRef](https://ja.react.dev/reference/react/useRef.md)
- [useState](https://ja.react.dev/reference/react/useState.md)
- [useSyncExternalStore](https://ja.react.dev/reference/react/useSyncExternalStore.md)
- [useTransition](https://ja.react.dev/reference/react/useTransition.md)

#### コンポーネント
- [コンポーネント](https://ja.react.dev/reference/react/components.md)
- [<Fragment> (<>)](https://ja.react.dev/reference/react/Fragment.md)
- [<Profiler>](https://ja.react.dev/reference/react/Profiler.md)
- [<StrictMode>](https://ja.react.dev/reference/react/StrictMode.md)
- [<Suspense>](https://ja.react.dev/reference/react/Suspense.md)
- [<Activity>](https://ja.react.dev/reference/react/Activity.md)
- [<ViewTransition>](https://ja.react.dev/reference/react/ViewTransition.md)

#### API
- [API](https://ja.react.dev/reference/react/apis.md)
- [act](https://ja.react.dev/reference/react/act.md)
- [addTransitionType](https://ja.react.dev/reference/react/addTransitionType.md)
- [cache](https://ja.react.dev/reference/react/cache.md)
- [cacheSignal](https://ja.react.dev/reference/react/cacheSignal.md)
- [captureOwnerStack](https://ja.react.dev/reference/react/captureOwnerStack.md)
- [createContext](https://ja.react.dev/reference/react/createContext.md)
- [lazy](https://ja.react.dev/reference/react/lazy.md)
- [memo](https://ja.react.dev/reference/react/memo.md)
- [startTransition](https://ja.react.dev/reference/react/startTransition.md)
- [use](https://ja.react.dev/reference/react/use.md)
- [experimental_taintObjectReference](https://ja.react.dev/reference/react/experimental_taintObjectReference.md)
- [experimental_taintUniqueValue](https://ja.react.dev/reference/react/experimental_taintUniqueValue.md)

### React Dom

#### フック
- [フック](https://ja.react.dev/reference/react-dom/hooks.md)
- [useFormStatus](https://ja.react.dev/reference/react-dom/hooks/useFormStatus.md)

#### コンポーネント
- [コンポーネント](https://ja.react.dev/reference/react-dom/components.md)
- [<div> などの一般的なコンポーネント](https://ja.react.dev/reference/react-dom/components/common.md)
- [<form>](https://ja.react.dev/reference/react-dom/components/form.md)
- [<input>](https://ja.react.dev/reference/react-dom/components/input.md)
- [<option>](https://ja.react.dev/reference/react-dom/components/option.md)
- [<progress>](https://ja.react.dev/reference/react-dom/components/progress.md)
- [<select>](https://ja.react.dev/reference/react-dom/components/select.md)
- [<textarea>](https://ja.react.dev/reference/react-dom/components/textarea.md)
- [<link>](https://ja.react.dev/reference/react-dom/components/link.md)
- [<meta>](https://ja.react.dev/reference/react-dom/components/meta.md)
- [<script>](https://ja.react.dev/reference/react-dom/components/script.md)
- [<style>](https://ja.react.dev/reference/react-dom/components/style.md)
- [<title>](https://ja.react.dev/reference/react-dom/components/title.md)

#### API
- [API](https://ja.react.dev/reference/react-dom.md)
- [createPortal](https://ja.react.dev/reference/react-dom/createPortal.md)
- [flushSync](https://ja.react.dev/reference/react-dom/flushSync.md)
- [preconnect](https://ja.react.dev/reference/react-dom/preconnect.md)
- [prefetchDNS](https://ja.react.dev/reference/react-dom/prefetchDNS.md)
- [preinit](https://ja.react.dev/reference/react-dom/preinit.md)
- [preinitModule](https://ja.react.dev/reference/react-dom/preinitModule.md)
- [preload](https://ja.react.dev/reference/react-dom/preload.md)
- [preloadModule](https://ja.react.dev/reference/react-dom/preloadModule.md)

#### クライアント API
- [クライアント API](https://ja.react.dev/reference/react-dom/client.md)
- [createRoot](https://ja.react.dev/reference/react-dom/client/createRoot.md)
- [hydrateRoot](https://ja.react.dev/reference/react-dom/client/hydrateRoot.md)

#### サーバ API
- [サーバ API](https://ja.react.dev/reference/react-dom/server.md)
- [renderToPipeableStream](https://ja.react.dev/reference/react-dom/server/renderToPipeableStream.md)
- [renderToReadableStream](https://ja.react.dev/reference/react-dom/server/renderToReadableStream.md)
- [renderToStaticMarkup](https://ja.react.dev/reference/react-dom/server/renderToStaticMarkup.md)
- [renderToString](https://ja.react.dev/reference/react-dom/server/renderToString.md)
- [resume](https://ja.react.dev/reference/react-dom/server/resume.md)
- [resumeToPipeableStream](https://ja.react.dev/reference/react-dom/server/resumeToPipeableStream.md)

#### 静的サイト用 API
- [静的サイト用 API](https://ja.react.dev/reference/react-dom/static.md)
- [prerender](https://ja.react.dev/reference/react-dom/static/prerender.md)
- [prerenderToNodeStream](https://ja.react.dev/reference/react-dom/static/prerenderToNodeStream.md)
- [resumeAndPrerender](https://ja.react.dev/reference/react-dom/static/resumeAndPrerender.md)
- [resumeAndPrerenderToNodeStream](https://ja.react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream.md)

### React Compiler
- [Compiling Libraries](https://ja.react.dev/reference/react-compiler/compiling-libraries.md)

#### 設定
- [設定](https://ja.react.dev/reference/react-compiler/configuration.md)
- [compilationMode](https://ja.react.dev/reference/react-compiler/compilationMode.md)
- [gating](https://ja.react.dev/reference/react-compiler/gating.md)
- [logger](https://ja.react.dev/reference/react-compiler/logger.md)
- [panicThreshold](https://ja.react.dev/reference/react-compiler/panicThreshold.md)
- [target](https://ja.react.dev/reference/react-compiler/target.md)

#### Directives
- [Directives](https://ja.react.dev/reference/react-compiler/directives.md)
- ["use memo"](https://ja.react.dev/reference/react-compiler/directives/use-memo.md)
- ["use no memo"](https://ja.react.dev/reference/react-compiler/directives/use-no-memo.md)

### React DevTools
- [React Performance tracks](https://ja.react.dev/reference/dev-tools/react-performance-tracks.md)

### Eslint Plugin React Hooks

#### Lints
- [Lints](https://ja.react.dev/reference/eslint-plugin-react-hooks.md)
- [exhaustive-deps](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/exhaustive-deps.md)
- [rules-of-hooks](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/rules-of-hooks.md)
- [component-hook-factories](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/component-hook-factories.md)
- [config](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/config.md)
- [error-boundaries](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/error-boundaries.md)
- [gating](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/gating.md)
- [globals](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/globals.md)
- [immutability](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/immutability.md)
- [incompatible-library](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/incompatible-library.md)
- [preserve-manual-memoization](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization.md)
- [purity](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/purity.md)
- [refs](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/refs.md)
- [set-state-in-effect](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect.md)
- [set-state-in-render](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-render.md)
- [static-components](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/static-components.md)
- [unsupported-syntax](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/unsupported-syntax.md)
- [use-memo](https://ja.react.dev/reference/eslint-plugin-react-hooks/lints/use-memo.md)

### React のルール

#### 概要
- [概要](https://ja.react.dev/reference/rules.md)
- [コンポーネントとフックを純粋に保つ](https://ja.react.dev/reference/rules/components-and-hooks-must-be-pure.md)
- [コンポーネントやフックを呼び出すのは React](https://ja.react.dev/reference/rules/react-calls-components-and-hooks.md)
- [フックのルール](https://ja.react.dev/reference/rules/rules-of-hooks.md)

### React Server Components
- [サーバコンポーネント](https://ja.react.dev/reference/rsc/server-components.md)
- [サーバ関数](https://ja.react.dev/reference/rsc/server-functions.md)

#### ディレクティブ
- [ディレクティブ](https://ja.react.dev/reference/rsc/directives.md)
- ['use client'](https://ja.react.dev/reference/rsc/use-client.md)
- ['use server'](https://ja.react.dev/reference/rsc/use-server.md)

### レガシー API

#### レガシー React API
- [レガシー React API](https://ja.react.dev/reference/react/legacy.md)
- [Children](https://ja.react.dev/reference/react/Children.md)
- [cloneElement](https://ja.react.dev/reference/react/cloneElement.md)
- [Component](https://ja.react.dev/reference/react/Component.md)
- [createElement](https://ja.react.dev/reference/react/createElement.md)
- [createRef](https://ja.react.dev/reference/react/createRef.md)
- [forwardRef](https://ja.react.dev/reference/react/forwardRef.md)
- [isValidElement](https://ja.react.dev/reference/react/isValidElement.md)
- [PureComponent](https://ja.react.dev/reference/react/PureComponent.md)