React DOM APIs
The react-dom
প্যাকেজে যেসব মেথড রয়েছে সেগুলো কেবল ওয়েব অ্যাপ্লিকেশন (যেগুলো ব্রাউজারের DOM এনভায়রনমেন্টে চলে) সাপোর্ট করে। এগুলো React native সাপোর্ট করে না।
APIs
এই API গুলো আপনার কম্পোনেন্ট থেকে ইমপোর্ট করা যেতে পারে। এগুলো ব্যবহার হয় না বললেই চলেঃ
createPortal
আপনাকে DOM ট্রি এর অন্য একটি অংশে চাইল্ড কম্পোনেন্ট রেন্ডার করতে দেয়।flushSync
আপনাকে সুযোগ দেয় React কে একটি state আপডেট flush করতে বাধ্য করতে এবং একি সাথে DOM আপডেট করতে।
Resource Preloading APIs
এই API গুলো আপনার অ্যাপকে দ্রুততর করতে ব্যবহার করা যেতে পারে resource গুলো যেমন scripts, stylesheets, এবং fonts আগে থেকেই লোড করে রেখে যেগুলো আপনার প্রয়োজন হবে বলে জানেন, উদাহরণস্বরূপ অন্য পেজে নেভিগেট করার আগে যেখানে এই resource গুলো ব্যবহৃত হবে।
React-based frameworks প্রায়ই আপনার জন্য resource loading হ্যান্ডেল করে, তাই হয়ত আপনাকে এই API গুলো নিজে কল করতে হবে না। বিস্তারিত জানতে আপনার ফ্রেমওয়ার্কের ডকুমেন্টেশন দেখুন।
prefetchDNS
আপনাকে একটি DNS ডোমেইন নামের IP ঠিকানা আগে থেকেই fetch করতে দেয় যেটার সাথে আপনি সংযোগ করার আশা করেন।preconnect
আপনাকে এমন একটি সার্ভারের সাথে সংযোগ করতে দেয় যেখান থেকে আপনি resource রিকোয়েস্ট করার আশা করেন, এমনকি যদি আপনি এখনো জানেন না যে কোন resource গুলো লাগবে।preload
আপনাকে stylesheet, font, image, বা external script fetch করতে দেয় যেগুলো আপনি ব্যবহার করার আশা করেন।preloadModule
আপনাকে একটি ESM module fetch করতে দেয় যেটা আপনি ব্যবহার করার আশা করেন।preinit
আপনাকে একটি external script fetch এবং evaluate করতে বা stylesheet fetch এবং insert করতে দেয়।preinitModule
আপনাকে একটি ESM module fetch এবং evaluate করতে দেয়।
Entry points
react-dom
প্যাকেজ দুটি অতিরিক্ত entry point দেয়ঃ
react-dom/client
এর মধ্যে রয়েছে সেই API গুলো যেগুলো ক্লায়েন্টে (ব্রাউজারে) React কম্পোনেন্ট রেন্ডার করে।react-dom/server
এর মধ্যে রয়েছে সেই API গুলো যেগুলো সার্ভারে React কম্পোনেন্ট রেন্ডার করে।
Removed APIs
এই API গুলো React 19 এ সরিয়ে ফেলা হয়েছে:
findDOMNode
: বিকল্প সমাধান দেখুন।hydrate
: এর পরিবর্তেhydrateRoot
ব্যবহার করুন।render
: এর পরিবর্তেcreateRoot
ব্যবহার করুন।unmountComponentAtNode
: এর পরিবর্তেroot.unmount()
ব্যবহার করুন।renderToNodeStream
: এর পরিবর্তেreact-dom/server
API গুলো ব্যবহার করুন।renderToStaticNodeStream
: এর পরিবর্তেreact-dom/server
API গুলো ব্যবহার করুন।