রিয়েক্ট
🌈রিয়েক্ট কি?
📋রিয়েক্ট হলো TSX সিনট্যাক্স ব্যবহার করার পদ্ধতি।
⚒️রিয়েক্ট TSX সিনট্যাক্স ব্যবহার করতে ব্যবহৃত হয়।
রিয়েক্ট সমূহ
রিয়েক্ট এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ element - এলিমেন্ট তৈরি করা
- ➡️ expression - এক্সপ্রেশন নির্ধারণ করা
- ➡️ className - এলিমেন্টের CSS ক্লাস নির্ধারণ করা
- ➡️ fragment - একাধিক এলিমেন্টকে অতিরিক্ত DOM নোড ছাড়া গ্রুপ করা
element - এলিমেন্ট তৈরি করার উদাহরণ।
react
import React from "react";
import {createRoot} from "react-dom/client";
const content = <h1>প্রোগ্রামিং শিখুন</h1>;
createRoot(
document.getElementById("root")
).render(content);
expression - এক্সপ্রেশন নির্ধারণ করার উদাহরণ।
react
import React from "react";
import {createRoot} from "react-dom/client";
const data = "রিয়েক্ট";
const show = <h1>হ্যালো {data}</h1>;
createRoot(
document.getElementById("root")
).render(show);
className - এলিমেন্টের CSS ক্লাস নির্ধারণ করার উদাহরণ।
react
import React from "react";
import {createRoot} from "react-dom/client";
const content = <h1 className="title">প্রোগ্রামিং শিখুন</h1>;
createRoot(
document.getElementById("root")
).render(content);
fragment - একাধিক এলিমেন্টকে অতিরিক্ত DOM নোড ছাড়া গ্রুপ করার উদাহরণ।
react
import React from "react";
import {createRoot} from "react-dom/client";
const content = (
<>
<h1>প্রোগ্রামিং শিখুন</h1>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</>
);
createRoot(
document.getElementById("root")
).render(content);
রিয়েক্ট সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| element | এলিমেন্ট তৈরি করতে ব্যবহৃত হয়। |
| expression | এক্সপ্রেশন নির্ধারণ করতে ব্যবহৃত হয়। |
| className | এলিমেন্টের CSS ক্লাস নির্ধারণ করতে ব্যবহৃত হয়। |
| fragment | একাধিক এলিমেন্টকে অতিরিক্ত DOM নোড ছাড়া গ্রুপ করতে ব্যবহৃত হয়। |