সাধারণ HTML/CSS/JS-এর থেকে আলাদা, React সত্যিকারের, চলমান ডেভেলপমেন্টের জন্য এমন কিছু নয় যা আপনি শুধু একটি <script> ট্যাগ দিয়ে লিংক করতে পারেন — এটি JSX আর আধুনিক JavaScript হ্যান্ডেল করে এমন একটি বিল্ড টুলের সাথে সবচেয়ে ভালো কাজ করে। একটি নতুন React প্রজেক্ট শুরু করার জন্য বর্তমান স্ট্যান্ডার্ড পছন্দ হলো Vite।
আপনার Node.js ইনস্টল থাকতে হবে — এটি npm দেয়, React আর বিল্ড টুলিং ইনস্টল করতে ব্যবহৃত প্যাকেজ ম্যানেজার।
node --version
npm --versionnpm create vite@latest my-react-app -- --template react
cd my-react-app
npm install
npm run devnpm run dev একটি লোকাল ডেভেলপমেন্ট সার্ভার চালু করে, সাধারণত http://localhost:5173-এ, আর আপনি একটি ফাইল সেভ করলেই স্বয়ংক্রিয়ভাবে পাতাটি রিলোড করে।
| ফাইল/ফোল্ডার | কীসের জন্য |
|---|---|
| src/main.jsx | এন্ট্রি পয়েন্ট — root App কম্পোনেন্টকে আসল HTML পাতায় রেন্ডার করে |
| src/App.jsx | root কম্পোনেন্ট — এখানে আর এর পাশে আপনার তৈরি ফাইলে আপনি বেশিরভাগ সময় কাটাবেন |
| index.html | একমাত্র প্রকৃত HTML ফাইল — একটি একক খালি ধারণ করে, যা React পূরণ করে |
| package.json | ইনস্টল করা প্যাকেজ আর স্ক্রিপ্ট তালিকাবদ্ধ করে (যেমন npm run dev) |
Create React App নয়
Create React App, একটি পুরনো টুল যা আপনি এখনও অনেক বিদ্যমান টিউটোরিয়াল আর Stack Overflow উত্তরে উল্লেখ দেখবেন, একটি নতুন প্রজেক্ট শুরু করার প্রস্তাবিত উপায় আর নেই — এটি আনুষ্ঠানিকভাবে deprecated হয়ে গেছে। Vite দ্রুত, আর এই অংশ, আর বেশিরভাগ বর্তমান React শেখার উপকরণ, এটাই ব্যবহার করে।
একটি প্রজেক্ট আসলেই চলার পর, পরের পাঠে JSX দেখানো হবে — এখন থেকে প্রতিটি কম্পোনেন্টের ভেতরে যে সিনট্যাক্স আপনি দেখবেন।