জয়েন লগইন

রিয়েক্ট

🌈রিয়েক্ট কি?

📋রিয়েক্ট হলো কম্পোনেন্ট তৈরি ও পরিচালনা করার পদ্ধতি।

⚒️রিয়েক্ট কম্পোনেন্ট তৈরি ও পরিচালনা করতে ব্যবহৃত হয়।

রিয়েক্ট সমূহ

রিয়েক্ট এবং সেগুলোর ব্যবহারের তালিকা

  • ➡️ function - কোড সংগঠিত ও পুনঃব্যবহারযোগ্য করা
  • ➡️ class - ক্লাস তৈরি করা
  • ➡️ nested - নেস্টেড স্ট্রাকচার তৈরি করা

function - কোড সংগঠিত ও পুনঃব্যবহারযোগ্য করার উদাহরণ।

react
import React from "react";
import {createRoot} from "react-dom/client";

function Message() {
    return (<h2>হ্যালো বিশ্ব</h2>);
}

createRoot(
    document.getElementById("root")
).render(<Message/>);

class - ক্লাস তৈরি করার উদাহরণ।

react
import React from "react";
import {createRoot} from "react-dom/client";

function Content() {
    return (
      <div>
        <h2>প্রোগ্রামিং শিখুন</h2>
        <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
      </div>
    );
}

createRoot(
    document.getElementById("root")
).render(<Content/>);

nested - নেস্টেড স্ট্রাকচার তৈরি করার উদাহরণ।

react
import React from "react";
import {createRoot} from "react-dom/client";

function Header() {
  return <h1>প্রোগ্রামিং শিখুন</h1>;
}

function Describe() {
  return <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>;
}


function Content() {
  return (
    <div>
      <Header/>
      <Describe/>
    </div>
  );
}

createRoot(
  document.getElementById("root")
).render(<Content/>);

রিয়েক্ট সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম বিবরণ
function কোড সংগঠিত ও পুনঃব্যবহারযোগ্য করতে ব্যবহৃত হয়।
class ক্লাস তৈরি করতে ব্যবহৃত হয়।
nested নেস্টেড স্ট্রাকচার তৈরি করতে ব্যবহৃত হয়।