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