React অ্যাপ্লিকেশন ইনস্টলেশন এবং প্রস্তুতি

এই পাঠে, আমরা ইনস্টলেশন এবং প্রস্তুতি দিয়ে শুরু করব React-অ্যাপ্লিকেশন, কারণ ভবিষ্যতে আমরা এটি ব্যবহার করব Redux এর সংমিশ্রণে। আরও দ্রুত উপায় আছে অ্যাপ্লিকেশন টেমপ্লেট তৈরি করার React with Redux (যা, by the way, not always means সহজ, বিশেষ করে নতুনদের জন্য), যা উল্লেখ করা হয়েছে অফিসিয়াল ডকুমেন্টেশনে, কিন্তু আমরা শুরু থেকে যাব।

শুরুতে, আসুন একটি React অ্যাপ্লিকেশন তৈরি করি my-app ব্যবহার করে Vite (এটি একটি আধুনিক প্রতিস্থাপন Webpack এর)। এটি করতে, আসুন খুলি টার্মিনাল এবং নিম্নলিখিত কমান্ডগুলি লিখি (সuggested选项中, যদি থাকে, আমরা React এবং তারপর JavaScript নির্বাচন করব):

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

চলুন তৈরি করা অ্যাপ্লিকেশন চালু করি:

terminalnpm run dev

ব্রাউজারে প্রস্তাবিত লিঙ্কটি খুলি http://localhost:5173/ এবং আমরা দেখব পরিচিত স্প্ল্যাশ স্ক্রীন। সবকিছু কাজ করছে।

এখন অপ্রয়োজনীয় জিনিস মুছে ফেলি। চলুন public ফোল্ডারটি পরিষ্কার করি। src ফোল্ডারে, শুধুমাত্র main.jsx রাখি, index.css এবং App.jsx (index.css এ এবং App.jsx সম্পূর্ণ বিষয়বস্তু মুছে ফেলুন)।

index.html ফাইলে, টেক্সট প্রতিস্থাপন করি শিরোনামে:

index.html<title>React Redux App</title>