React Native অ্যাপ অফলাইনে বানান: ক্লাসিক পদ্ধতি

লেখক: পন্থ সোলাঙ্কি

React Native শিখতে এখন সঠিক সময়। ডেভেলপমেন্টের দুটি পথ আছে। এই পর্বে Expo ব্যবহার করে আন্ড্রয়েড ডিভাইসে সরাসরি অ্যাপ ডেভেলপমেন্ট দেখানো হয়েছে - ইন্টারনেট কানেকশন ছাড়া।

Expo Client অ্যাপে ইন্টারনেট সহজে করা যায়, কিন্তু ইন্টারনেট সমস্যা থাকলে? লিমিটেড ডেটা খরচ করতে চান না? WiFi স্থিতিশীলতা নেই? অথবা পুরানো স্টাইলে ডেভেলপ করতে চান? যেকোনো কারণে - এই প্রসেস শুধু ৩ ছোট স্টেপে। নোট: Windows OS-এ ডেভেলপমেন্ট, টার্গেট Android OS।

প্রি-সেটআপ প্রয়োজনীয়তা

• PC-তে ADB ড্রাইভার ইন্সটল করুন (লিংক)। প্রসিডিউরও এখানে।
• মোবাইল USB-এ কানেক্ট করুন। Command Prompt-এ adb devices রান করুন। ডিভাইস নাম দেখলে সেটআপ সম্পূর্ণ। না হলে ADB ড্রাইভার রি-ইন্সটল করুন।
• মোবাইলে USB Debugging ON রাখুন (Developer Options-এ)।
• Play Store থেকে Expo Client App ইন্সটল করুন (লিংক)।

React Native প্রজেক্ট সেটআপ

ডক্স অনুযায়ী (লিংক)। Node 10+ ইনস্টলড ধরে:

npm install -g expo-cli
expo init AwesomeProject
cd AwesomeProject
npm start

ব্রাউজারে https://localhost:19002 খুলবে (নয় তো ম্যানুয়ালি খুলুন)। "Tunnel Ready" মেসেজ দেখাবে।

পোস্ট-সেটআপ স্টেপস

ডিভাইস কানেক্ট করে অন্য Command Prompt খুলুন:

adb devices                    // কানেক্টেড ডিভাইস খুঁজুন
adb -s reverse tcp:8081 tcp:8081  // কিছু প্রিন্ট করবে না

ব্রাউজারে https://localhost:19002 এ যান → Run on Android device/emulator ক্লিক করুন।

বান্ডল লোড হয়ে অ্যাপ ডিভাইসে লাইভ হবে। ব্রাউজার সাইডবারে ডিভাইস দেখাবে।

টপ-রাইট বাটন ক্লিক করে ডিবাগ করুন - ডিভাইসে কী ডেটা পাস হচ্ছে সেটা দেখতে পাবেন।

এই ইনফো আপনার কাজে লাগলে খুশি হব। প্রশ্ন থাকলে কমেন্ট করুন, সাহায্য করতে পারব। ধন্যবাদ!

ফ্রিতে কোডিং শিখুন। freeCodeCamp-এর ওপেন সোর্স ক্যারিকুলাম ৪০,০০০ এরও অধিক মানুষকে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন