আপনার React সাইটকে যতটা সম্ভব দ্রুত ও অ্যাক্সেসযোগ্য করে তুলতে চান? আপনি একদম ঠিক জায়গায় এসেছেন!
React হল একটি ওপেন-সোর্স লাইব্রেরি যা UI তৈরি করা সহজ করে তোলে। এই লার্নিং পাথে ইকোসিস্টেমের মধ্যে বিভিন্ন API এবং টুল কভার করা হবে যা আপনার অ্যাপ্লিকেশনের পারফর্ম্যান্স এবং ব্যবহারযোগ্যতা উন্নত করতে ব্যবহার করার কথা বিবেচনা করা উচিত।
এই নির্দেশিকা আপনাকে দেখাবে যে কীভাবে React অ্যাপ্লিকেশন সেট-আপ করে তা চালাতে হয়। এই বিভাগের অন্যান্য সব গাইডে React অ্যাপের স্পিড বা অ্যাক্সেসিবিলিটি অপ্টিমাইজ করার বিষয়গুলি কভার করা হবে।
এটি কেন কাজে লেগেছে?
দ্রুত ও নির্ভরযোগ্য অ্যাপ্লিকেশন কীভাবে তৈরি করতে হয় তা ব্যাখ্যা করে এমন অনেক কন্টেন্ট আছে, কিন্তু দ্রুত ও নির্ভরযোগ্য React অ্যাপ্লিকেশন কীভাবে তৈরি করতে হয় তা দেখায় এমন কন্টেন্ট বেশি নেই। এইসব গাইডে React অ্যাপের দৃষ্টিকোণ থেকে এই সব কিছু কভার করা হয়েছে, যেখানে শুধুমাত্র React ইকোসিস্টেমের জন্য নির্দিষ্ট লাইব্রেরি, API এবং ফিচার উল্লেখ করা হয়েছে।
আপনি কী শিখবেন?
এই লার্নিং পাথের টিউটোরিয়ালগুলি নিম্নলিখিত বিষয়গুলিতে ফোকাস করে না:
- React কীভাবে ব্যবহার করবেন
- React কীভাবে কাজ করে
যদিও প্রয়োজন হলে এই দুটি ধারণারই উল্লেখ করা হবে, তবে এই বিভাগের সমস্ত গাইড এবং কোডল্যাবগুলি দ্রুত এবং অ্যাক্সেসযোগ্য React সাইটগুলি কীভাবে তৈরি করা যায় তার উপর ফোকাস করবে। এই কারণে, React সম্পর্কে প্রাথমিক জ্ঞান থাকা প্রয়োজন।
React App তৈরি করুন
React অ্যাপ্লিকেশন তৈরি করা শুরু করার সবচেয়ে সহজ উপায় হল React App তৈরি করা (CRA)। এটি একটি ডিফল্ট সেটআপ প্রদান করে যাতে বেশ কয়েকটি মূল ফিচার রয়েছে, যার মধ্যে একটি বিল্ড সিস্টেম রয়েছে যাতে একটি মডিউল বান্ডলার (ওয়েবপ্যাক) এবং একটি ট্রান্সপিলার (Babel) রয়েছে।
কমান্ড-লাইন শেলে, নতুন অ্যাপ্লিকেশন তৈরি করতে আপনাকে শুধু নিম্নলিখিত কমান্ড রান করতে হবে:
npx create-react-app app-name
কমান্ডটি এক্সিকিউট করা শেষ হলে, আপনি নিম্নলিখিত কমান্ডের সাহায্যে অ্যাপ্লিকেশনটি নেভিগেট করতে এবং চালাতে পারেন:
cd new-app
npm start
নিচে এম্বেড করা কোড থেকে নতুন বুটস্ট্র্যাপ করা CRA অ্যাপ্লিকেশনের ডিরেক্টরি স্ট্রাকচার এবং আসল ওয়েব পেজ দেখানো হয়েছে।
একাধিক কনফিগারেশন ফাইল ও বিল্ড স্ক্রিপ্ট আছে যা CRA ব্যবহার করে ওয়েবপ্যাক ও Babel বিল্ড প্রসেস সেট-আপ করে, যার মধ্যে পরীক্ষার জন্য বেস Jest সেট-আপ অন্তর্ভুক্ত। ব্যবহারকারীর জন্য জিনিসগুলি সহজ করতে, এই ফাইলগুলি লুকানো থাকে এবং আপনি CRA থেকে বের না হওয়া পর্যন্ত অ্যাক্সেস করা যায় না। সম্ভব হলে ইজেক্ট করা এড়িয়ে যাওয়াই ভাল, কারণ এর অর্থ হল এইসব কনফিগারেশন ফাইল আপনার নিজস্ব সোর্স কোড হিসেবে গ্রহণ করা, যা ম্যানেজ করা কঠিন হতে পারে।
নতুন CRA অ্যাপ্লিকেশনের ডিরেক্টরি স্ট্রাকচারে শুধুমাত্র সেইসব ফাইল থাকে যেগুলি আপনার অ্যাপ্লিকেশনে কাজ করার জন্য আপনাকে আসলে পরিবর্তন করতে হবে। CRA ডকুমেন্টেশন থেকে এই বিষয়ে বিস্তারিত জানতে পারবেন।
এরপরে কী?
এখন আপনি জানেন যে কীভাবে Create React App তৈরি করা শুরু করতে হয়, এই লার্নিং পাথের সব গাইডের সাহায্যে আপনার অ্যাপের পারফর্ম্যান্স ও অ্যাক্সেসিবিলিটি কীভাবে উন্নত করবেন তা জানুন: