Create React App দিয়ে প্রজেক্ট তৈরি করা

ReactJS সেটআপ এবং ইনস্টলেশন - রিয়্যাক্ট জেএস (ReactJS) - Web Development

478

Create React App (CRA) একটি অফিশিয়াল টুল যা ReactJS অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। এটি React অ্যাপ তৈরি করার জন্য একটি প্রস্তুতকৃত স্ক্যাফোল্ডিং প্রদান করে, যেখানে সমস্ত কনফিগারেশন ও সেটআপ স্বয়ংক্রিয়ভাবে সম্পন্ন হয়। এর মাধ্যমে ডেভেলপাররা দ্রুত একটি নতুন React প্রজেক্ট শুরু করতে পারেন।


Create React App ইনস্টলেশন

1. Node.js ইনস্টল করুন

ReactJS ব্যবহার করার জন্য প্রথমে আপনার সিস্টেমে Node.js ইনস্টল থাকতে হবে, কারণ Create React App Node.js এর উপর ভিত্তি করে কাজ করে। Node.js এবং npm (Node Package Manager) এর সর্বশেষ ভার্সন ইনস্টল করতে Node.js অফিসিয়াল ওয়েবসাইট এ যান।

টার্মিনাল বা কমান্ড প্রম্পটে ইনস্টলেশন নিশ্চিত করতে এই কমান্ডটি ব্যবহার করুন:

node -v
npm -v

2. Create React App ইনস্টল করা

create-react-app একটি global npm প্যাকেজ হিসেবে ইনস্টল করা যেতে পারে, তবে বর্তমানে npx ব্যবহার করে সরাসরি এটি রান করা হয়, তাই আপনাকে আলাদাভাবে ইনস্টল করার প্রয়োজন নেই। npx হল একটি npm প্যাকেজ রানার, যা কোনও প্যাকেজ ইনস্টল না করেই তা চালাতে সাহায্য করে।


নতুন React অ্যাপ তৈরি করা

1. নতুন React প্রজেক্ট তৈরি করুন

নতুন একটি React অ্যাপ তৈরি করতে, আপনার টার্মিনাল বা কমান্ড প্রম্পটে নিম্নলিখিত কমান্ডটি ব্যবহার করুন:

npx create-react-app my-app

এখানে my-app হচ্ছে আপনার অ্যাপের নাম। আপনি যে নামটি চান তা ব্যবহার করতে পারেন। এই কমান্ডটি নতুন একটি React অ্যাপ তৈরি করবে এবং সমস্ত প্রয়োজনীয় ডিপেনডেন্সি ইনস্টল করবে।

2. প্রজেক্ট ডিরেক্টরিতে যান

যেহেতু create-react-app প্রজেক্টের জন্য একটি নতুন ডিরেক্টরি তৈরি করবে, আপনাকে সেই ডিরেক্টরিতে যেতে হবে:

cd my-app

3. React অ্যাপ চালু করা

React অ্যাপ চালু করতে, টার্মিনালে নিচের কমান্ডটি রান করুন:

npm start

এই কমান্ডটি আপনার অ্যাপ্লিকেশনটি লোকাল সার্ভারে চালু করবে। ডিফল্টভাবে এটি http://localhost:3000 এ চলতে থাকবে, এবং ব্রাউজারে আপনার অ্যাপ দেখতে পারবেন।


প্রজেক্টের ফোল্ডার স্ট্রাকচার

Create React App দ্বারা তৈরি করা অ্যাপের মধ্যে কিছু ডিফল্ট ফাইল এবং ডিরেক্টরি থাকে, যা অ্যাপ ডেভেলপমেন্টের জন্য প্রয়োজনীয় কনফিগারেশন এবং ফাংশনালিটি সরবরাহ করে:

  • public/index.html: অ্যাপের মূল HTML ফাইল।
  • src/index.js: React অ্যাপের এন্ট্রি পয়েন্ট।
  • src/App.js: অ্যাপের মূল কম্পোনেন্ট।
  • package.json: ডিপেনডেন্সি এবং স্ক্রিপ্ট সম্পর্কিত কনফিগারেশন।
  • node_modules/: ইনস্টল করা প্যাকেজগুলির ফোল্ডার।

Create React App এর উপকারিতা

  • সহজ সেটআপ: কোন ধরনের কনফিগারেশন ছাড়াই React প্রজেক্ট তৈরি করা যায়।
  • স্বয়ংক্রিয় ডিপেনডেন্সি ম্যানেজমেন্ট: সমস্ত প্রয়োজনীয় ডিপেনডেন্সি অটোমেটিকভাবে ইনস্টল হয়।
  • নিরাপদ এবং মানসম্মত কোড: Create React App দ্বারা তৈরি হওয়া প্রজেক্টের কোড গঠন স্বয়ংক্রিয়ভাবে সঠিক এবং ভালো মানের হয়।
  • ডেভেলপমেন্ট সার্ভার: এটি একটি বিল্ট-ইন ডেভেলপমেন্ট সার্ভার দেয় যা দ্রুত রিফ্রেশ এবং হট রিলোড সক্ষম করে।

এভাবে, Create React App ব্যবহার করে React প্রজেক্ট তৈরি করা অত্যন্ত সহজ এবং ডেভেলপমেন্ট প্রক্রিয়া আরও দ্রুত ও কার্যকরী হয়।

Content added By
Promotion

Are you sure to start over?

Loading...