React Native দিয়ে মোবাইল অ্যাপ / অ্যান্ড্রয়েড অ্যাপ তৈরি

ক্রস প্লাটফরম অ্যাপ তৈরি করার জন্য দারুণ একটা প্লাটফরম হচ্ছে রিয়েক্ট ন্যাটিভ। রিয়েক্ট ন্যাটিভ অ্যাপ তৈরি করার জন্য রিয়েক্ট জাভা স্ক্রিপ্ট লাইব্রেরী ব্যবহার করা হয়। রিয়েক্ট দিয়ে অ্যাপ তৈরি করা সহজ। কিন্তু ভালো ভাবে অ্যাপ তৈরি করতে হলে জানতে হবে রিয়েক্ট সম্পর্কে। গুগলে সার্চ করলে দারুণ সব টিউটোরিয়াল পাওয়া যাবে।

 

আমি দেখাবো কিভাবে রিয়েক্ট ন্যাটিভ ইন্সটল করা যায়। কিভাবে একটা অ্যাপ তৈরি করা যায়। কিভাবে ইমিউলেটরে ইন্সটল করা যায়। কমান্ড লাইন বা টারমিনাল দিয়ে  রিয়েক্ট ন্যাটিভ অ্যাপ তৈরি করা যায়। তবে আমরা যেহেতু অ্যান্ড্রয়েড অ্যাপ তৈরি করব, আমরা প্রথমে অ্যান্ড্রয়েড স্টুডিও ইন্সটল করে নিব। অ্যান্ড্রয়েড স্টুডিও ইন্সটল করার সাথে Android SDK ইন্সটল হয়ে যাবে। বিস্তারিত এ লেখাটি দেখতে পারেনঃ অ্যান্ড্রয়েড স্টুডিও ব্যবহার করে অ্যান্ড্রয়েড অ্যাপ তৈরির গাইড লাইন  অথবা আমরা চাইলে শুধু Android SDK ইন্সটল করলেও রিয়েক্ট ন্যাটিভ অ্যাপ তৈরি করতে পারব।

 

অ্যাপ তৈরি করার পর আমাদের অ্যাপ রান করতে হবে। রান করার জন্য রিয়েল ডিভাইস থাকলে ভালো। না থাকলে ইমিউলেটর ব্যবহার করতে পারি। অ্যান্ড্রয়েডের জন্য Genymotion  ইমিউলেটর দারুণ। ইন্সটল এবং ব্যবহার সম্পর্কে জানতে এ লেখাটি দেখতে পারেনঃ Android Studio এর সাথে এন্ড্রয়েড ইমিউলেটর/টেস্ট ডিভাইস হিসেবে Genymotion ব্যবহার করা

 

এ দুইটা কাজ হয়ে গেলে আমরা NodeJS ইন্সটল করব। এবং শেষে ইন্সটল করব পাইথন। পাইথন এর 2.7.xx ভার্সনটা ইন্সটল করব। 3.5.x না। পাইথন ডাউনলোড লিঙ্ক। 

 

রিয়েক্ট ইন্সটল করতে NodeJS ইন্সটল করতে হয়। ইন্সটল হয়ে গেলে কমান্ড লাইন বা টারমিনালে গিয়ে লিখবঃ

npm install -g react-native-cli

তাহলে React Native ইন্সটল হবে। ইন্সটল শেষে প্রজেক্ট তৈরি করার জন্য লিখবঃ

react-native init AwesomeProject

প্রথম বার প্রজেক্ট তৈরি করতে একটু সময় নিবে। প্রজেক্ট তৈরি হয়ে গেলে অ্যান্ড্ররয়েড অ্যাপ হিসেবে রান করতে লিখবঃ

 

cd AwesomeProject

react<span class="token operator">-</span>native run<span class="token operator">-</span>android

 

এখানে AwesomeProject প্রজেক্ট হচ্ছে প্রজেক্টের নাম। আমরা যে কোন নাম দিতে পারি। react-native run-android কমান্ড লেখার পর আমাদের অ্যাপ রান হবে। যদি অ্যাপ না রান হয়, তাহলে বুঝতে হবে কোন সমস্যা রয়েছে। কি কি সমস্যা হচ্ছে, তা কমান্ড লাইন বা টারমিনালে দেখাবে। যেমন আমি যখন রান করতে গিয়েছি, তখন আমাকে দেখিয়েছে Build Tool 23.0.1 পাওয়া যায় নি। এ জন্য আমাকে Build Tool 23.0.1 ইন্সটল করতে হবে।

 

install build tool

 

Build Tool 23.0.1 ইন্সটল করে কমান্ড লাইন থেকে আবার react-native run-android কমান্ড লিখলে অ্যাপটি রান হবে। অ্যাপ রান করার পূর্বে দেখতে হবে যেন ইমিউলেটর রান করা অবস্থায় থাকে। সব ঠিক থাকলে নিচের মত করে ইমিউলেটরে অ্যাপটি দেখতে পাবোঃ

 

hello react native

 

Congratulations! রিয়েক্ট ন্যাটিভ দারুণ একটা প্লাটফম। রিয়েক্টটাও দারুণ। শিখে নিলে খুব সহজেই একই সাথে অ্যান্ড্রয়েড এবং আইওএস এর জন্য অ্যাপ তৈরি করা যাবে। গুগলে একটু সার্চ করলে দারুণ সব টিউটোরিয়াল পাওয়া যাবে। রিয়েক্ট ন্যাটিভ এর অফিশিয়াল টিউটোরিয়াল ও সমৃদ্ধ। এবার index.android.js ফাইলটি এডিট করে নিজের মত করে লিখে রান করে দেখুন। শিখুন 🙂

 

Leave a Reply