logo by @sawaratsuki1004
React
v19.2
تعلم
مرجع
المجتمع
المدونة

هل هذه الصفحة مفيدة؟

في هذه الصفحة

  • Overview
  • React
  • React DOM
  • قواعد React
  • الواجهات القديمة

    react@19.2

  • نظرة عامة
  • Hooks
    • useActionState
    • useCallback
    • useContext
    • useDebugValue
    • useDeferredValue
    • useEffect
    • useEffectEvent
    • useId
    • useImperativeHandle
    • useInsertionEffect
    • useLayoutEffect
    • useMemo
    • useOptimistic
    • useReducer
    • useRef
    • useState
    • useSyncExternalStore
    • useTransition
  • المكونات
    • <Fragment> (<>)
    • <Profiler>
    • <StrictMode>
    • <Suspense>
    • <Activity>
    • <ViewTransition> - هذه الميزة متاحة في أحدث إصدار Canary من React
  • APIs
    • act
    • addTransitionType - هذه الميزة متاحة في أحدث إصدار Canary من React
    • cache
    • cacheSignal
    • captureOwnerStack
    • createContext
    • lazy
    • memo
    • startTransition
    • use
    • experimental_taintObjectReference - هذه الميزة متاحة في أحدث إصدار تجريبي من React
    • experimental_taintUniqueValue - هذه الميزة متاحة في أحدث إصدار تجريبي من React

  • react-dom@19.2

  • Hooks
    • useFormStatus
  • المكونات (Components)
    • Common (e.g. <div>)
    • <form>
    • <input>
    • <option>
    • <progress>
    • <select>
    • <textarea>
    • <link>
    • <meta>
    • <script>
    • <style>
    • <title>
  • APIs
    • createPortal
    • flushSync
    • preconnect
    • prefetchDNS
    • preinit
    • preinitModule
    • preload
    • preloadModule
  • Client APIs
    • createRoot
    • hydrateRoot
  • Server APIs
    • renderToPipeableStream
    • renderToReadableStream
    • renderToStaticMarkup
    • renderToString
    • resume
    • resumeToPipeableStream
  • Static APIs
    • prerender
    • prerenderToNodeStream
    • resumeAndPrerender
    • resumeAndPrerenderToNodeStream

  • React Compiler

  • الإعدادات (Configuration)
    • compilationMode
    • gating
    • logger
    • panicThreshold
    • target
  • Directives
    • "use memo"
    • "use no memo"
  • تصريف المكتبات (Compiling Libraries)

  • React DevTools

  • React Performance tracks

  • eslint-plugin-react-hooks

  • Lints
    • exhaustive-deps
    • rules-of-hooks
    • component-hook-factories
    • config
    • error-boundaries
    • gating
    • globals
    • immutability
    • incompatible-library
    • preserve-manual-memoization
    • purity
    • refs
    • set-state-in-effect
    • set-state-in-render
    • static-components
    • unsupported-syntax
    • use-memo

  • قواعد React (Rules of React)

  • نظرة عامة (Overview)
    • Components و Hooks يجب أن تكون Pure
    • React تستدعي Components و Hooks
    • قواعد Hooks

  • React Server Components

  • Server Components
  • Server Functions
  • Directives
    • 'use client'
    • 'use server'

  • Legacy APIs

  • Legacy React APIs
    • Children
    • cloneElement
    • Component
    • createElement
    • createRef
    • forwardRef
    • isValidElement
    • PureComponent
مرجع API

نظرة عامة على مرجع React

يوفر هذا القسم وثائق مرجعية تفصيلية للعمل مع React. للحصول على مقدمة عن React، يرجى زيارة قسم التعلم.

تنقسم وثائق مرجع React إلى أقسام فرعية وظيفية:

React

ميزات React البرمجية:

  • Hooks - استخدم ميزات React المختلفة من مكوناتك.
  • Components - مكونات مدمجة يمكنك استخدامها في JSX الخاص بك.
  • APIs - واجهات برمجية مفيدة لتعريف المكونات.
  • Directives - توفر تعليمات لأدوات bundlers المتوافقة مع React Server Components.

React DOM

يحتوي React-dom على ميزات مدعومة فقط لتطبيقات الويب (التي تعمل في بيئة DOM المتصفح). ينقسم هذا القسم إلى ما يلي:

  • Hooks - Hooks لتطبيقات الويب التي تعمل في بيئة DOM المتصفح.
  • Components - تدعم React جميع مكونات HTML و SVG المدمجة في المتصفح.
  • APIs - تحتوي حزمة react-dom على طرق مدعومة فقط في تطبيقات الويب.
  • Client APIs - تتيح لك واجهات react-dom/client تصيير مكونات React على العميل (في المتصفح).
  • Server APIs - تتيح لك واجهات react-dom/server تصيير مكونات React إلى HTML على الخادم.

قواعد React

لدى React تعابير اصطلاحية — أو قواعد — لكيفية التعبير عن الأنماط بطريقة سهلة الفهم وتنتج تطبيقات عالية الجودة:

  • Components و Hooks يجب أن تكون نقية – النقاء يجعل كودك أسهل في الفهم والتصحيح، ويسمح لـ React بتحسين مكوناتك و hooks تلقائيًا بشكل صحيح.
  • React تستدعي Components و Hooks – React مسؤولة عن تصيير المكونات و hooks عند الضرورة لتحسين تجربة المستخدم.
  • قواعد Hooks – يتم تعريف Hooks باستخدام دوال JavaScript، لكنها تمثل نوعًا خاصًا من منطق واجهة المستخدم القابل لإعادة الاستخدام مع قيود على أماكن استدعائها.

الواجهات القديمة

  • الواجهات القديمة - يتم تصديرها من حزمة react، لكن لا يُنصح باستخدامها في الكود المكتوب حديثًا.
التاليHooks
Copyright © Meta Platforms, Inc
no uwu plz
uwu?
Logo by@sawaratsuki1004
تعلم React
بداية سريعة
التثبيت
وصف واجهة المستخدم (UI)
إضافة التفاعلية
إدارة State
مخارج الطوارئ
مرجع API
React APIs
React DOM APIs
المجتمع
ميثاق السلوك
تعرف على الفريق
المساهمون في التوثيق
شكر وتقدير
المزيد
المدونة
React Native
الخصوصية
الشروط