বিগিনারস গাইড টু React Native

React Native কিভাবে শুরু করা যায়, এটা সবার একটি কমন প্রশ্ন, যারা এটি নিয়ে কাজ করতে ইচ্ছুক। তাই এই পোস্টে আমি ট্রাই করব কিছুটা আইডিয়া দেয়ার। আমি React Native নিয়ে কাজ করছি প্রায় ৪ বছর ধরে, একটুক বলা যায় যে React Native এখন অনেক বেশি রবাস্ট অ্যান্ড পরিপক্ব। তাহলে শুরু করা যাক, কিভাবে আমরা আমদের এই পথে আগাতে পারি।

প্রথম ধাপ – জাভাস্ক্রিপ্ট অ্যান্ড ইস৬

ওয়েট, আমাদের আগে React Native এ যাওয়ার পূর্বে এটা যে ল্যাঙ্গুয়েজ দিয়ে লিখা লাগবে, সেটাকে মোটামুটি আয়ত্ত করতে হবে। এখানে একটা ইম্পরট্যান্ট প্রশ্ন হচ্ছে, আমাদের কতদিন জাভাস্ক্রিপ্ট নিয়ে পরে থাকা লাগবে, কতটুক শিখতে হবে? কঠিন প্রশ্ন। কিন্তু আমার মতে যদি আমরা বেসিকটা ধরতে পারি অ্যান্ড জাভাস্ক্রিপ্ট কোড লিখার টাইম কমফোর্টেবলে ফিল করি, তাহলে সেটাই এনাফ। খেয়াল রাখতে হবে আমরা যাতে এই জাভাস্ক্রিপ্ট নিয়ে বেশিদিন পরে থেকে সময় নষ্ট না করি।

জাভাস্ক্রিপ্ট বেসিক হয়ে গেলে আমাদের হাত দিতে হবে জাভাস্ক্রিপ্ট এর নতুন ভার্সন ES6 এ।এখন প্রশ্ন আসতে পারে এটা আবার কেন দরকার? উত্তর হচ্ছে –

আপনার কোডটিকে আরও মডার্ন এবং আরও রিডেবেল করে তুলতে জাভাস্ক্রিপ্ট ইএস 6 নতুন সিনট্যাক্স এবং নতুন ফিচার নিয়ে এসেছে। এটি আপনাকে কম কোড লিখে অনেক বেশি কাজ করতে সাহায্য করে তাই ইএস 6 আমাদের জন্যে শিখা মাস্ট।

ওকে, তাহলে পরের প্রশ্ন হচ্ছে এগুলো শিখব কথা থেকে? জাভাস্ক্রিপ্ট অ্যান্ড ইএস 6 শিখার জন্যে অনলাইনে হাজার রিসোর্স আছে। তবে আমি সাজ্জেস্ট করব ফ্রি কোড ক্যাম্পকে।তাদের লার্নিং ম্যাপটি খুবই গোছানো এবং এফেক্টিভ।

লিঙ্কঃ https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/

দ্বিতীয় ধাপ – React

নেক্সট স্টেপ হচ্ছে আমাদের React এর মেইন কম্পোনেন্টগুলো শিখা। কি কি শিখা দরকার React এর?

Functional component, Props, State, React hooks, Reusable components, Component Lifecycle.

কোথা থেকে শিখব এগুলো আমরা? সেইম অ্যানসার, অনেক অনেক রিসোর্স আছে বেসিক শিখার জন্যে। Traversy Media এর এই আপডেটেড ক্রাশ কোর্সটি আমি সাজেস্ট করতে পারি। আবারো খেয়াল রাখতে হবে আমরা যাতে টিওটরিয়াল নিয়ে আটকে না থাকি!

লিঙ্কঃ https://www.youtube.com/watch?v=w7ejDZ8SWv8

ফাইনাল স্টেপ – React Native

আমরা এখন রেডি React Native নিয়ে কাজ করার জন্যে। কিভাবে শিখা যায় এটি? বেস্ট উপায় হচ্ছে অফিসিয়াল ডকুমেন্টেশন ফলো করা। তো শুরু করার টাইম আমরা যেভাবে সাজাতে পারি আমাদের লার্নিং টা –

১। আমাদেরকে ফার্স্ট এ জোর দিতে হবে জাস্ট UI এর উপর। আমাদের অ্যাপ প্রথমেই ফাংশনাল হওয়ার দরকার নেই। আমাদেরকে শিখতে হবে কিভাবে আমরা ডিজাইনকে কোডে কনভার্ট করতে পারি। React Native এ আমরা ফ্লেক্সবক্স কনসেপ্ট ইউজ করে থাকি রেস্পন্সিভ লেয়াউট বানানোর জন্যে তাই আমাদের ফ্লেক্সবক্স নিয়ে ভালো আইডিয়া থাকা জরুরি।আমরা অফিসিয়াল ডকুমেন্টেশন এর এই সেকশনটা শিখতে পারি UI এর বেসিক ধারনা পাওয়ার জন্যে।
লিঙ্ক – https://reactnative.dev/docs/style

২। এরপরে আমাদের আস্তে আস্তে কোর কম্পোনেন্টে হাত দিতে হবে। কিভাবে লিস্ট বানাতে হয়, কিভাবে টেক্সট ইনপুট হ্যান্ডেল করা লাগে, কিভাবে স্ক্রলভিও নিয়ে কাজ করা লাগে এগুলো আমাদের শিখা লাগবে। আবারো আমরা প্রাইমারি আইডিয়া অফিসিয়াল ডকুমেন্টেশন থেকে নিতে পারি।

• Handling text input – https://reactnative.dev/docs/handling-text-input

• Using a list view. –https://reactnative.dev/docs/using-a-listview

• Using a scroll view – https://reactnative.dev/docs/using-a-scrollview

সাথে সাথে React Native এর কোর কম্পোনেন্ট গুলো আমরা দেখতে পারি এই লিঙ্ক থেকে

• Core components – https://reactnative.dev/docs/components-and-apis

আমাদেরকে আসলে খেলতে হবে অনেক বেশি করে এই রিসোর্সগুলো নিয়ে। প্রথমেই একটা সহজ টিওটরিয়াল নেয়ার সাজেস্ট আমি করিনা, তাহলে দেখা যায় আমাদের নিজেদের মাথা খাটান হয়না এবং খুব সহজে টিওটরিয়াল শেষে আমরা যা শিখেছি ভুলে যাই।

৩। এটি হচ্ছে সবথেকে ইম্পরট্যান্ট স্টেপ। সবকিছু নিয়ে গুঁতাগুঁতি করার পর আমাদের এখন প্রোজেক্ট বানাতে হবে। আমরা যদি এই স্টেপ বাদ দেই তাহলে এর কোন লাভ নেই।আমাদেরকে মিনিমাম ৩টা প্রোজেক্ট বানানো লাগবে। কিছু প্রজেক্ট আইডিয়া আমি দিতে পারি। যেমন

• TODO APP – একটি সিম্পেল টুডু অ্যাপ বানানো। যেখানে ইউজার যেকোনো টাস্ক অ্যাড, আপডেট, ডিলিট অ্যান্ড দেখতে পারবে (CRUD). আমরা ফায়ারবেস ইউজ করতে পারি এই কাজের জন্যে।
• TODO APP with Authentication – আমরা পরের স্টেপ এ আগের অ্যাপে User Authentication অ্যাড করতে পারি। User যাতে নিজস্ব একাউন্ট বানাতে পারি অ্যান্ড লগইন করতে পারে। আমাদের অ্যাপ যাতে User সেশান মেন্যজ করতে পারে। সুতরাং সাইনাপ, লগইন এবং লগ আউট যাতে থাকে আমদের টুডু অ্যাপে।
• App with Rest Api – অনলাইন এ অনেক ফ্রি রেস্ট Api পাওয়া যায়। যেগুলো ব্যবহার করে আমরা অনেক সুন্দর ফাংশনাল অ্যাপ বানাতে পারি। কিছু উদাহরণ যেমন Recipe App, Weather App ইত্যাদি।

আরও অনেক কিছু অ্যাড করা যেতে পারে, কিন্তু মেইন থিম বুঝার জন্যে হোপফুলি এতটুক যথেষ্ট।আশা করা যায় আমরা একটি আইডিয়া পেয়েছি কিভাবে আমরা React Native শুরু করতে পারি। অবশ্যই এটা একমাত্র উপায় না। জাস্ট একটি গাইডলাইন.