রিয়েক্ট
🌈রিয়েক্ট কি?
📋রিয়েক্ট হলো কম্পোনেন্ট তৈরি ও পরিচালনা করার পদ্ধতি।
⚒️রিয়েক্ট কম্পোনেন্ট তৈরি ও পরিচালনা করতে ব্যবহৃত হয়।
রিয়েক্ট সমূহ
রিয়েক্ট এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ 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 | নেস্টেড স্ট্রাকচার তৈরি করতে ব্যবহৃত হয়। |