জয়েন লগইন

রিয়েক্ট

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

📋রিয়েক্ট হলো 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 নোড ছাড়া গ্রুপ করতে ব্যবহৃত হয়।