# React Documentation

> The library for web and native user interfaces.

## تعلم React

### البدأ

#### بداية سريعة
- [بداية سريعة](https://ar.react.dev/learn.md)
- [شرح تطبيقي: لعبة تيك تاك تو](https://ar.react.dev/learn/tutorial-tic-tac-toe.md)
- [التفكير على طريقة React](https://ar.react.dev/learn/thinking-in-react.md)

#### التثبيت
- [التثبيت](https://ar.react.dev/learn/installation.md)
- [Creating a React App](https://ar.react.dev/learn/creating-a-react-app.md)
- [Build a React App from Scratch](https://ar.react.dev/learn/build-a-react-app-from-scratch.md)
- [إضافة React إلى مشروع موجود بالفعل](https://ar.react.dev/learn/add-react-to-an-existing-project.md)

#### Setup
- [Setup](https://ar.react.dev/learn/setup.md)
- [تجهيز المحرر](https://ar.react.dev/learn/editor-setup.md)
- [Using TypeScript](https://ar.react.dev/learn/typescript.md)
- [أدوات مطوري React](https://ar.react.dev/learn/react-developer-tools.md)

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

### تعلم React

#### وصف واجهة المستخدم UI
- [وصف واجهة المستخدم UI](https://ar.react.dev/learn/describing-the-ui.md)
- [مكوّنك الأول](https://ar.react.dev/learn/your-first-component.md)
- [استيراد وتصدير المكونات](https://ar.react.dev/learn/importing-and-exporting-components.md)
- [كتابة ترميز البناء بـ JSX](https://ar.react.dev/learn/writing-markup-with-jsx.md)
- [JavaScript في JSX باستخدام الأقواس المنحنية](https://ar.react.dev/learn/javascript-in-jsx-with-curly-braces.md)
- [ تمرير الخصائص إلى مكوّن](https://ar.react.dev/learn/passing-props-to-a-component.md)
- [التصيير الشرطي](https://ar.react.dev/learn/conditional-rendering.md)
- [تصيير القوائم](https://ar.react.dev/learn/rendering-lists.md)
- [الحفاظ على نقاء المكونّات](https://ar.react.dev/learn/keeping-components-pure.md)
- [Your UI as a Tree](https://ar.react.dev/learn/understanding-your-ui-as-a-tree.md)

#### إضافة التفاعلية
- [إضافة التفاعلية](https://ar.react.dev/learn/adding-interactivity.md)
- [Responding to Events](https://ar.react.dev/learn/responding-to-events.md)
- [State: A Component's Memory](https://ar.react.dev/learn/state-a-components-memory.md)
- [التصيير والتأكيد](https://ar.react.dev/learn/render-and-commit.md)
- [State as a Snapshot](https://ar.react.dev/learn/state-as-a-snapshot.md)
- [Queueing a Series of State Updates](https://ar.react.dev/learn/queueing-a-series-of-state-updates.md)
- [Updating Objects in State](https://ar.react.dev/learn/updating-objects-in-state.md)
- [Updating Arrays in State](https://ar.react.dev/learn/updating-arrays-in-state.md)

#### إدارة الحالة
- [إدارة الحالة](https://ar.react.dev/learn/managing-state.md)
- [الاستجابة للمدخلات باستخدام الحالة](https://ar.react.dev/learn/reacting-to-input-with-state.md)
- [Choosing the State Structure](https://ar.react.dev/learn/choosing-the-state-structure.md)
- [Sharing State Between Components](https://ar.react.dev/learn/sharing-state-between-components.md)
- [Preserving and Resetting State](https://ar.react.dev/learn/preserving-and-resetting-state.md)
- [Extracting State Logic into a Reducer](https://ar.react.dev/learn/extracting-state-logic-into-a-reducer.md)
- [Passing Data Deeply with Context](https://ar.react.dev/learn/passing-data-deeply-with-context.md)
- [Scaling Up with Reducer and Context](https://ar.react.dev/learn/scaling-up-with-reducer-and-context.md)

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

## API Reference

### React
- [Overview](https://ar.react.dev/reference/react.md)

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

#### المكونات
- [المكونات](https://ar.react.dev/reference/react/components.md)
- [<Fragment> (<>)](https://ar.react.dev/reference/react/Fragment.md)
- [<Profiler>](https://ar.react.dev/reference/react/Profiler.md)
- [<StrictMode>](https://ar.react.dev/reference/react/StrictMode.md)
- [<Suspense>](https://ar.react.dev/reference/react/Suspense.md)
- [<Activity>](https://ar.react.dev/reference/react/Activity.md)
- [<ViewTransition>](https://ar.react.dev/reference/react/ViewTransition.md)

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

### React Dom

#### Hooks
- [Hooks](https://ar.react.dev/reference/react-dom/hooks.md)
- [useFormStatus](https://ar.react.dev/reference/react-dom/hooks/useFormStatus.md)

#### المكونات
- [المكونات](https://ar.react.dev/reference/react-dom/components.md)
- [Common (e.g. <div>)](https://ar.react.dev/reference/react-dom/components/common.md)
- [<form>](https://ar.react.dev/reference/react-dom/components/form.md)
- [<input>](https://ar.react.dev/reference/react-dom/components/input.md)
- [<option>](https://ar.react.dev/reference/react-dom/components/option.md)
- [<progress>](https://ar.react.dev/reference/react-dom/components/progress.md)
- [<select>](https://ar.react.dev/reference/react-dom/components/select.md)
- [<textarea>](https://ar.react.dev/reference/react-dom/components/textarea.md)
- [<link>](https://ar.react.dev/reference/react-dom/components/link.md)
- [<meta>](https://ar.react.dev/reference/react-dom/components/meta.md)
- [<script>](https://ar.react.dev/reference/react-dom/components/script.md)
- [<style>](https://ar.react.dev/reference/react-dom/components/style.md)
- [<title>](https://ar.react.dev/reference/react-dom/components/title.md)

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

#### Client APIs
- [Client APIs](https://ar.react.dev/reference/react-dom/client.md)
- [createRoot](https://ar.react.dev/reference/react-dom/client/createRoot.md)
- [hydrateRoot](https://ar.react.dev/reference/react-dom/client/hydrateRoot.md)

#### Server APIs
- [Server APIs](https://ar.react.dev/reference/react-dom/server.md)
- [renderToPipeableStream](https://ar.react.dev/reference/react-dom/server/renderToPipeableStream.md)
- [renderToReadableStream](https://ar.react.dev/reference/react-dom/server/renderToReadableStream.md)
- [renderToStaticMarkup](https://ar.react.dev/reference/react-dom/server/renderToStaticMarkup.md)
- [renderToString](https://ar.react.dev/reference/react-dom/server/renderToString.md)
- [resume](https://ar.react.dev/reference/react-dom/server/resume.md)
- [resumeToPipeableStream](https://ar.react.dev/reference/react-dom/server/resumeToPipeableStream.md)

#### Static APIs
- [Static APIs](https://ar.react.dev/reference/react-dom/static.md)
- [prerender](https://ar.react.dev/reference/react-dom/static/prerender.md)
- [prerenderToNodeStream](https://ar.react.dev/reference/react-dom/static/prerenderToNodeStream.md)
- [resumeAndPrerender](https://ar.react.dev/reference/react-dom/static/resumeAndPrerender.md)
- [resumeAndPrerenderToNodeStream](https://ar.react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream.md)

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

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

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

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

### Eslint Plugin React Hooks

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

### Rules Of React

#### Overview
- [Overview](https://ar.react.dev/reference/rules.md)
- [Components and Hooks must be pure](https://ar.react.dev/reference/rules/components-and-hooks-must-be-pure.md)
- [React calls Components and Hooks](https://ar.react.dev/reference/rules/react-calls-components-and-hooks.md)
- [Rules of Hooks](https://ar.react.dev/reference/rules/rules-of-hooks.md)

### React Server Components
- [Server Components](https://ar.react.dev/reference/rsc/server-components.md)
- [Server Functions](https://ar.react.dev/reference/rsc/server-functions.md)

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

### Legacy APIs

#### Legacy React APIs
- [Legacy React APIs](https://ar.react.dev/reference/react/legacy.md)
- [Children](https://ar.react.dev/reference/react/Children.md)
- [cloneElement](https://ar.react.dev/reference/react/cloneElement.md)
- [Component](https://ar.react.dev/reference/react/Component.md)
- [createElement](https://ar.react.dev/reference/react/createElement.md)
- [createRef](https://ar.react.dev/reference/react/createRef.md)
- [forwardRef](https://ar.react.dev/reference/react/forwardRef.md)
- [isValidElement](https://ar.react.dev/reference/react/isValidElement.md)
- [PureComponent](https://ar.react.dev/reference/react/PureComponent.md)