বিল্ট-ইন React API

• createContext আপনাকে চাইল্ড কম্পোনেন্টে কনটেক্সট ডিফাইন করে যুক্ত করতে সাহায্য করে। এটা useContext. এর সাথে ব্যবহৃত হয়।
• lazy আপনাকে কোন একটা কম্পোনেন্টের কোডের লোডিং এর প্রথম বার রেন্ডার হবার সময় পর্যন্ত আটকে রাখার সুযোগ দেয়।
• memo আপনার কম্পোনেন্টকে একই প্রপ নিয়ে বার বার রেন্ডার হওয়া এড়ানোর ক্ষেত্রে সাহায্য করে। এটা useMemo এবং useCallback এর সাথে ব্যবহৃত হয়।
• startTransition আপনাকে একটা state এর আপডেট non-urgent হিসেবে চিহ্নিত করার সুযোগ দেয়। এটা useTransition এর মতোই।
• addTransitionType দিয়ে একটি Transition-এর কারণ নির্দিষ্ট করতে পারেন। এটি startTransition এবং <ViewTransition>-এর সাথে ব্যবহার করা হয়।
• act আপনাকে টেস্টে renders এবং interactions wrap করার সুযোগ দেয় যাতে assertions করার আগে আপডেটগুলো প্রসেস হয়ে যায়।
• cache দিয়ে ডেটা fetch বা কোনো গণনার ফলাফল cache করতে পারেন।
• cacheSignal দিয়ে জানতে পারেন কখন cache()-এর জীবনকাল শেষ হয়েছে।
• captureOwnerStack development-এর সময় বর্তমান Owner Stack পড়ে এবং পাওয়া গেলে string হিসেবে রিটার্ন করে।

Resource APIs

Resources কম্পোনেন্ট দ্বারা অ্যাক্সেস করা যায় সেগুলোকে তাদের state এর অংশ হিসেবে না রেখেই। উদাহরণস্বরূপ, একটি কম্পোনেন্ট একটি Promise থেকে একটি মেসেজ পড়তে পারে বা একটি context থেকে styling তথ্য পড়তে পারে।

আপনি use-এ এই ধরনের resource পাস করতে পারেন:

• একটি Promise, তার resolved মান পড়ার জন্য।
• একটি context, তার মান পড়ার জন্য।
• browser থেকে রিটার্ন হওয়া মান, সার্ভার রেন্ডারিংয়ের সময় কম্পোনেন্টটিকে শুধু ব্রাউজারে রেন্ডার করার জন্য চিহ্নিত করতে।

function MessageComponent({ messagePromise }) {
  const message = use(messagePromise);
  const theme = use(ThemeContext);
  use(browser());
  // ...
}