React DOM APIs

The react-dom প্যাকেজে যেসব মেথড রয়েছে সেগুলো কেবল ওয়েব অ্যাপ্লিকেশন (যেগুলো ব্রাউজারের DOM এনভায়রনমেন্টে চলে) সাপোর্ট করে। এগুলো React native সাপোর্ট করে না।


APIs

এই API গুলো আপনার কম্পোনেন্ট থেকে ইমপোর্ট করা যেতে পারে। এগুলো ব্যবহার হয় না বললেই চলেঃ

  • createPortal আপনাকে DOM ট্রি এর অন্য একটি অংশে চাইল্ড কম্পোনেন্ট রেন্ডার করতে দেয়।
  • flushSync আপনাকে সুযোগ দেয় React কে একটি state আপডেট flush করতে বাধ্য করতে এবং একি সাথে 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.

Entry points

react-dom প্যাকেজ দুটি অতিরিক্ত entry point দেয়ঃ

  • react-dom/client এর মধ্যে রয়েছে সেই API গুলো যেগুলো ক্লায়েন্টে (ব্রাউজারে) React কম্পোনেন্ট রেন্ডার করে।
  • react-dom/server এর মধ্যে রয়েছে সেই API গুলো যেগুলো সার্ভারে React কম্পোনেন্ট রেন্ডার করে।

Deprecated APIs

Deprecated

এই API গুলো React এর সামনের কোন বড় ভার্সনে ফেলে দেওয়া হবে।

  • findDOMNode সবচেয়ে নিকটবর্তী সেই DOM নোডকে খুঁজে বের করে যেটা একটি ক্লাস কম্পোনেন্ট ইন্সট্যান্সের সাথে correspond করে।
  • hydrate সার্ভার HTML থেকে তৈরি করা DOM এর মধ্যে একটি ট্রি মাউন্ট করে। hydrateRoot এর কারণে deprecated।
  • render DOM এর মধ্যে একটি ট্রি মাউন্ট করে। createRoot এর কারণে deprecated।
  • unmountComponentAtNode DOM থেকে ট্রি আনমাউন্ট করে। root.unmount() এর কারণে deprecated।