# React Documentation

> The library for web and native user interfaces.

## Вивчення React

### ОЗНАЙОМЛЕННЯ

#### Швидкий старт
- [Швидкий старт](https://uk.react.dev/learn.md)
- [Tutorial: Tic-Tac-Toe](https://uk.react.dev/learn/tutorial-tic-tac-toe.md)
- [Thinking in React](https://uk.react.dev/learn/thinking-in-react.md)

#### Встановлення
- [Встановлення](https://uk.react.dev/learn/installation.md)
- [Створення React-застосунку](https://uk.react.dev/learn/creating-a-react-app.md)
- [Побудова React-застосунку з нуля](https://uk.react.dev/learn/build-a-react-app-from-scratch.md)
- [Інтеграція React у наявний проєкт](https://uk.react.dev/learn/add-react-to-an-existing-project.md)

#### Налаштування
- [Налаштування](https://uk.react.dev/learn/setup.md)
- [Налаштування редактора](https://uk.react.dev/learn/editor-setup.md)
- [Використання TypeScript](https://uk.react.dev/learn/typescript.md)
- [Інструменти розробника React](https://uk.react.dev/learn/react-developer-tools.md)

#### React Compiler
- [React Compiler](https://uk.react.dev/learn/react-compiler.md)
- [Introduction](https://uk.react.dev/learn/react-compiler/introduction.md)
- [Installation](https://uk.react.dev/learn/react-compiler/installation.md)
- [Incremental Adoption](https://uk.react.dev/learn/react-compiler/incremental-adoption.md)
- [Debugging and Troubleshooting](https://uk.react.dev/learn/react-compiler/debugging.md)

### ВИВЧЕННЯ REACT

#### Написання UI
- [Написання UI](https://uk.react.dev/learn/describing-the-ui.md)
- [Ваш перший компонент](https://uk.react.dev/learn/your-first-component.md)
- [Імпорт та експорт компонентів](https://uk.react.dev/learn/importing-and-exporting-components.md)
- [Написання розмітки з JSX](https://uk.react.dev/learn/writing-markup-with-jsx.md)
- [JavaScript у JSX із фігурними дужками](https://uk.react.dev/learn/javascript-in-jsx-with-curly-braces.md)
- [Передача пропсів до компонента](https://uk.react.dev/learn/passing-props-to-a-component.md)
- [Умовний рендеринг](https://uk.react.dev/learn/conditional-rendering.md)
- [Рендеринг списків](https://uk.react.dev/learn/rendering-lists.md)
- [Keeping Components Pure](https://uk.react.dev/learn/keeping-components-pure.md)
- [Ваш UI як дерево](https://uk.react.dev/learn/understanding-your-ui-as-a-tree.md)

#### Додавання інтерактивності
- [Додавання інтерактивності](https://uk.react.dev/learn/adding-interactivity.md)
- [Реагування на події](https://uk.react.dev/learn/responding-to-events.md)
- [Стан: пам'ять компонента](https://uk.react.dev/learn/state-a-components-memory.md)
- [Рендер і коміт](https://uk.react.dev/learn/render-and-commit.md)
- [Стан як снепшот](https://uk.react.dev/learn/state-as-a-snapshot.md)
- [Додавання до черги низки оновлень стану](https://uk.react.dev/learn/queueing-a-series-of-state-updates.md)
- [Updating Objects in State](https://uk.react.dev/learn/updating-objects-in-state.md)
- [Оновлення масивів у стані](https://uk.react.dev/learn/updating-arrays-in-state.md)

#### Managing State
- [Managing State](https://uk.react.dev/learn/managing-state.md)
- [Реагування станом на введення](https://uk.react.dev/learn/reacting-to-input-with-state.md)
- [Choosing the State Structure](https://uk.react.dev/learn/choosing-the-state-structure.md)
- [Поширення стану між компонентами](https://uk.react.dev/learn/sharing-state-between-components.md)
- [Preserving and Resetting State](https://uk.react.dev/learn/preserving-and-resetting-state.md)
- [Extracting State Logic into a Reducer](https://uk.react.dev/learn/extracting-state-logic-into-a-reducer.md)
- [Passing Data Deeply with Context](https://uk.react.dev/learn/passing-data-deeply-with-context.md)
- [Масштабування з використанням контексту та редюсера](https://uk.react.dev/learn/scaling-up-with-reducer-and-context.md)

#### Escape Hatches
- [Escape Hatches](https://uk.react.dev/learn/escape-hatches.md)
- [Referencing Values with Refs](https://uk.react.dev/learn/referencing-values-with-refs.md)
- [Manipulating the DOM with Refs](https://uk.react.dev/learn/manipulating-the-dom-with-refs.md)
- [Synchronizing with Effects](https://uk.react.dev/learn/synchronizing-with-effects.md)
- [You Might Not Need an Effect](https://uk.react.dev/learn/you-might-not-need-an-effect.md)
- [Lifecycle of Reactive Effects](https://uk.react.dev/learn/lifecycle-of-reactive-effects.md)
- [Separating Events from Effects](https://uk.react.dev/learn/separating-events-from-effects.md)
- [Removing Effect Dependencies](https://uk.react.dev/learn/removing-effect-dependencies.md)
- [Reusing Logic with Custom Hooks](https://uk.react.dev/learn/reusing-logic-with-custom-hooks.md)

## Довідник API

### React
- [Вступ](https://uk.react.dev/reference/react.md)

#### Хуки
- [Хуки](https://uk.react.dev/reference/react/hooks.md)
- [useActionState](https://uk.react.dev/reference/react/useActionState.md)
- [useCallback](https://uk.react.dev/reference/react/useCallback.md)
- [useContext](https://uk.react.dev/reference/react/useContext.md)
- [useDebugValue](https://uk.react.dev/reference/react/useDebugValue.md)
- [useDeferredValue](https://uk.react.dev/reference/react/useDeferredValue.md)
- [useEffect](https://uk.react.dev/reference/react/useEffect.md)
- [useEffectEvent](https://uk.react.dev/reference/react/useEffectEvent.md)
- [useId](https://uk.react.dev/reference/react/useId.md)
- [useImperativeHandle](https://uk.react.dev/reference/react/useImperativeHandle.md)
- [useInsertionEffect](https://uk.react.dev/reference/react/useInsertionEffect.md)
- [useLayoutEffect](https://uk.react.dev/reference/react/useLayoutEffect.md)
- [useMemo](https://uk.react.dev/reference/react/useMemo.md)
- [useOptimistic](https://uk.react.dev/reference/react/useOptimistic.md)
- [useReducer](https://uk.react.dev/reference/react/useReducer.md)
- [useRef](https://uk.react.dev/reference/react/useRef.md)
- [useState](https://uk.react.dev/reference/react/useState.md)
- [useSyncExternalStore](https://uk.react.dev/reference/react/useSyncExternalStore.md)
- [useTransition](https://uk.react.dev/reference/react/useTransition.md)

#### Компоненти
- [Компоненти](https://uk.react.dev/reference/react/components.md)
- [<Fragment> (<>)](https://uk.react.dev/reference/react/Fragment.md)
- [<Profiler>](https://uk.react.dev/reference/react/Profiler.md)
- [<StrictMode>](https://uk.react.dev/reference/react/StrictMode.md)
- [<Suspense>](https://uk.react.dev/reference/react/Suspense.md)
- [<Activity>](https://uk.react.dev/reference/react/Activity.md)
- [<ViewTransition>](https://uk.react.dev/reference/react/ViewTransition.md)

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

### React Dom

#### Хуки
- [Хуки](https://uk.react.dev/reference/react-dom/hooks.md)
- [useFormStatus](https://uk.react.dev/reference/react-dom/hooks/useFormStatus.md)

#### Компоненти
- [Компоненти](https://uk.react.dev/reference/react-dom/components.md)
- [Common (e.g. <div>)](https://uk.react.dev/reference/react-dom/components/common.md)
- [<form>](https://uk.react.dev/reference/react-dom/components/form.md)
- [<input>](https://uk.react.dev/reference/react-dom/components/input.md)
- [<option>](https://uk.react.dev/reference/react-dom/components/option.md)
- [<progress>](https://uk.react.dev/reference/react-dom/components/progress.md)
- [<select>](https://uk.react.dev/reference/react-dom/components/select.md)
- [<textarea>](https://uk.react.dev/reference/react-dom/components/textarea.md)
- [<link>](https://uk.react.dev/reference/react-dom/components/link.md)
- [<meta>](https://uk.react.dev/reference/react-dom/components/meta.md)
- [<script>](https://uk.react.dev/reference/react-dom/components/script.md)
- [<style>](https://uk.react.dev/reference/react-dom/components/style.md)
- [<title>](https://uk.react.dev/reference/react-dom/components/title.md)

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

#### Клієнтські API
- [Клієнтські API](https://uk.react.dev/reference/react-dom/client.md)
- [createRoot](https://uk.react.dev/reference/react-dom/client/createRoot.md)
- [hydrateRoot](https://uk.react.dev/reference/react-dom/client/hydrateRoot.md)

#### Серверні API
- [Серверні API](https://uk.react.dev/reference/react-dom/server.md)
- [renderToPipeableStream](https://uk.react.dev/reference/react-dom/server/renderToPipeableStream.md)
- [renderToReadableStream](https://uk.react.dev/reference/react-dom/server/renderToReadableStream.md)
- [renderToStaticMarkup](https://uk.react.dev/reference/react-dom/server/renderToStaticMarkup.md)
- [renderToString](https://uk.react.dev/reference/react-dom/server/renderToString.md)
- [resume](https://uk.react.dev/reference/react-dom/server/resume.md)
- [resumeToPipeableStream](https://uk.react.dev/reference/react-dom/server/resumeToPipeableStream.md)

#### Статичні API
- [Статичні API](https://uk.react.dev/reference/react-dom/static.md)
- [prerender](https://uk.react.dev/reference/react-dom/static/prerender.md)
- [prerenderToNodeStream](https://uk.react.dev/reference/react-dom/static/prerenderToNodeStream.md)
- [resumeAndPrerender](https://uk.react.dev/reference/react-dom/static/resumeAndPrerender.md)
- [resumeAndPrerenderToNodeStream](https://uk.react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream.md)

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

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

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

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

### Eslint Plugin React Hooks

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

### Правила React

#### Вступ
- [Вступ](https://uk.react.dev/reference/rules.md)
- [Components and Hooks must be pure](https://uk.react.dev/reference/rules/components-and-hooks-must-be-pure.md)
- [React calls Components and Hooks](https://uk.react.dev/reference/rules/react-calls-components-and-hooks.md)
- [Rules of Hooks](https://uk.react.dev/reference/rules/rules-of-hooks.md)

### Серверні Компоненти React
- [Server Components](https://uk.react.dev/reference/rsc/server-components.md)
- [Server Functions](https://uk.react.dev/reference/rsc/server-functions.md)

#### Directives
- [Directives](https://uk.react.dev/reference/rsc/directives.md)
- ['use client'](https://uk.react.dev/reference/rsc/use-client.md)
- ['use server'](https://uk.react.dev/reference/rsc/use-server.md)

### Спадкові API

#### Спадкові API в React
- [Спадкові API в React](https://uk.react.dev/reference/react/legacy.md)
- [Children](https://uk.react.dev/reference/react/Children.md)
- [cloneElement](https://uk.react.dev/reference/react/cloneElement.md)
- [Component](https://uk.react.dev/reference/react/Component.md)
- [createElement](https://uk.react.dev/reference/react/createElement.md)
- [createRef](https://uk.react.dev/reference/react/createRef.md)
- [forwardRef](https://uk.react.dev/reference/react/forwardRef.md)
- [isValidElement](https://uk.react.dev/reference/react/isValidElement.md)
- [PureComponent](https://uk.react.dev/reference/react/PureComponent.md)