React DOM APIs

تحتوي حزمة react-dom على الوظائف المدعومة لتطبيقات الويب فقط (التي تعمل في بيئة المتصفح DOM). أي أنها غير مدعومة لـ React Native.


APIs

هذه الوظائف يمكن استيرادها في مكوناتك. لكن نادراً ما يتم استخدامها:

  • تتيح لك createPortal تقديم مكونات فرعية في جزء مختلف من شجرة DOM.
  • تتيح لك flushSync إجبار React على تفريغ تحديث الحالة وتحديث DOM بشكل متزامن.

Resource Preloading APIs

These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used.

React-based frameworks frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework’s documentation for details.

  • prefetchDNS lets you prefetch the IP address of a DNS domain name that you expect to connect to.
  • preconnect lets you connect to a server you expect to request resources from, even if you don’t know what resources you’ll need yet.
  • preload lets you fetch a stylesheet, font, image, or external script that you expect to use.
  • preloadModule lets you fetch an ESM module that you expect to use.
  • preinit lets you fetch and evaluate an external script or fetch and insert a stylesheet.
  • preinitModule lets you fetch and evaluate an ESM module.

نقاط البداية

تقدم حزمة react-dom نقطتي بداية إضافيتين:

  • تحتوي react-dom/client على وظائف لتصيير مكونات React في جانب العميل (في المتصفح).
  • تحتوي react-dom/server على وظائف لتصيير مكونات React في الخادم.

وظائف ملغاه

Deprecated

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

  • تجد findDOMNode أقرب عنصر DOM يتوافق مع مثيل مكون class.
  • تقوم hydrate بتركيب شجرة في DOM التي تم إنشاؤها من HTML الذي تم تصييره في الخادم. مهجور لصالح hydrateRoot.
  • تقوم render بتركيب شجرة في DOM. مهجور لصالح createRoot.
  • تقوم unmountComponentAtNode بإلغاء تركيب شجرة من DOM. مهجور لصالح root.unmount().