React Server Components — হাতে-কলমে শেখা

React Server Components (RSC) হচ্ছে React-এর ভবিষ্যৎ — সার্ভার ও ক্লায়েন্টের মধ্যে সীমারেখা মুছে দেয়।

একটি RSC ডিফল্টভাবে সার্ভারে রেন্ডার হয়। এতে ব্রাউজারে কোনো জাভাস্ক্রিপ্ট পাঠানো হয় না, ফলে বান্ডল সাইজ ছোট থাকে।

ইন্টারঅ্যাক্টিভ অংশগুলোকে "use client" ডিরেক্টিভ দিয়ে ক্লায়েন্ট কম্পোনেন্ট হিসেবে ঘোষণা করতে হয়। মেন্টাল মডেল বুঝলে বাকি সহজ।

ডেটা ফেচিং সরাসরি কম্পোনেন্টে async/await দিয়ে করা যায় — useEffect বা useQuery-এর ঝামেলা নেই।

Streaming ও Suspense একসাথে ব্যবহার করলে ইউজার ধাপে ধাপে UI দেখতে পান, যা পারসিভড পারফরম্যান্স বাড়ায়।

প্রোডাকশনে যেতে হলে Next.js 15 বা TanStack Start ব্যবহার করুন — দুটোই RSC-কে ভালোভাবে সাপোর্ট করে।