ReactBeginner
React কেন ব্যবহার করব?
React-এর মূল সুবিধা — component reusability, Virtual DOM, declarative style, vast ecosystem — বাংলায়।
8টি অংশবাংলা ভাষায়
প্রধান কারণ
- Component-based — UI-কে ছোট ছোট reusable টুকরায় ভাগ করা সহজ
- Declarative — কী দেখাতে চান বলুন, কীভাবে করবেন React নিজে ঠিক করে
- Fast updates — Virtual DOM দিয়ে শুধু প্রয়োজনীয় অংশ আপডেট
- Huge ecosystem — React Query, Router, Testing Library সহ অনেক কিছু
- React Native — একই জ্ঞান দিয়ে mobile app
- Jobs — বর্তমানে সবচেয়ে চাহিদার ফ্রন্টএন্ড skills-এর একটি
Declarative vs Imperative
Imperative (DOM ম্যানিপুলেশন)js
js
// 'কীভাবে' করবেন বলতে হয় — ভারী ও দুর্বোধ্য
const btn = document.getElementById("like");
let count = 0;
btn.addEventListener("click", () => {
count++;
btn.textContent = "Liked " + count;
});Declarative (React)jsx
jsx
// 'কী' দেখতে চান শুধু বলেন
const [count, setCount] = useState(0);
<button onClick={() => setCount(count + 1)}>
Liked {count}
</button>React vs অন্য library
| বিষয় | React | Vue | Angular |
|---|---|---|---|
| ধরন | Library | Library | Full framework |
| নতুনদের জন্য | মোটামুটি সহজ | সহজ | কঠিন |
| State | Hooks (useState…) | Composition API | RxJS + services |
| Routing | React Router (third-party) | Vue Router | Built-in |
library vs framework
React নিজে শুধু UI rendering করে — routing, form, HTTP সব আলাদা library নিতে হয়। Next.js সেই gaps পূরণ করে (পরের ডকুমেন্টেশন দেখুন)।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।