Uddeshyo | Student Super App

3. React Components

📘 কনসেপ্ট (থিওরি)

কম্পোনেন্টগুলো হলো স্বাধীন এবং পুনরায় ব্যবহারযোগ্য কোডের অংশ। এগুলো জাভাস্ক্রিপ্ট ফাংশনের মতোই কাজ করে, তবে বিচ্ছিন্নভাবে কাজ করে এবং এইচটিএমএল রিটার্ন করে।

কম্পোনেন্ট দুই ধরনের হয়, ক্লাস কম্পোনেন্ট এবং ফাংশন কম্পোনেন্ট। বর্তমানে, ফাংশন কম্পোনেন্টগুলোই স্ট্যান্ডার্ড।

**ফাংশন কম্পোনেন্ট (Function Component)**
একটি ফাংশন কম্পোনেন্টও এইচটিএমএল রিটার্ন করে এবং ক্লাস কম্পোনেন্টের মতোই কাজ করে, তবে ফাংশন কম্পোনেন্টগুলো অনেক কম কোড ব্যবহার করে লেখা যায়, সহজে বোঝা যায় এবং এগুলোকেই বেশি পছন্দ করা হয়।

💡 উদাহরণ

কম্পোনেন্ট তৈরি এবং ব্যবহার করা:

// একটি কম্পোনেন্ট সংজ্ঞায়িত করুন
function Car() {
  return Hi, I am a Car!;
}

// অন্য একটির ভেতরে কম্পোনেন্টটি ব্যবহার করুন
function Garage() {
  return (
    <>
      Who lives in my Garage?
      
    
  );
}

🎯 আপনার কাজ (প্র্যাকটিস)

"Click Me" টেক্সটসহ একটি 

main.react

OUTPUT

Run your code to see the output here...