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

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

في هذه الصفحة

  • Overview
  • واجهات Server لـ Node.js Streams
  • واجهات Server لـ Web Streams
  • واجهات Server للبيئات غير المدعومة للـ streaming
  • واجهات Server المُهملة

    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

واجبات Server React DOM

تتيح لك واجهات react-dom/server تصيير مكونات React إلى HTML على الخادم. يتم استخدام هذه الواجهات فقط على الخادم في المستوى الأعلى من تطبيقك لإنشاء HTML الأولي. قد يستدعيها إطار العمل نيابةً عنك. معظم مكوناتك لا تحتاج لاستيرادها أو استخدامها.


واجهات Server لـ Node.js Streams

هذه الطرق متاحة فقط في البيئات التي تدعم Node.js Streams:

  • renderToPipeableStream تصيّر شجرة React إلى Node.js Stream قابل للأنابيب.
  • renderToStaticNodeStream تصيّر شجرة React غير تفاعلية إلى Node.js Readable Stream.

واجهات Server لـ Web Streams

هذه الطرق متاحة فقط في البيئات التي تدعم Web Streams، والتي تشمل المتصفحات و Deno وبعض بيئات edge الحديثة:

  • renderToReadableStream تصيّر شجرة React إلى Readable Web Stream.

واجهات Server للبيئات غير المدعومة للـ streaming

يمكن استخدام هذه الطرق في البيئات التي لا تدعم streams:

  • renderToString تصيّر شجرة React إلى string.
  • renderToStaticMarkup تصيّر شجرة React غير تفاعلية إلى string.

لديها وظائف محدودة مقارنة بواجهات streaming.


واجهات Server المُهملة

منتهي الصلاحية

سيتم إزالة هذه الواجهات في إصدار رئيسي مستقبلي من React.

  • renderToNodeStream تصيّر شجرة React إلى Node.js Readable stream. (مُهملة.)
السابقhydrateRoot
التاليrenderToPipeableStream

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