How To Install React JS Bangla Tutorial

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

সূচিপত্রঃ  How To Install React JS Bangla Tutorial

• React js কি
• React কেন ব্যবহার করা হয়? React এর Creator কে?
• How to install React:
• Framework ছাড়া React install:

React শিখতে হলে আগে থেকে আপনাকে Html, css (css এর যে কোন একটি framework) TailwindCss অথবা Bootstrap শিখতে হবে। এছাড়া Javascript ভালোভাবে জানতে হবে। আপনাকে Node js এবং NPM অথবা yarn সম্পর্কে ধারণা থাকতে হবে। এছাড়া বিভিন্ন এডিটর সম্পর্কে জানতে হবে।

React js কি

React হলো javaScript দিয়ে তৈরী একটি Library, অনেকে এটাকে framework ও বলে থাকে। তবে  React কোন framework নয়। Library নাকি framework, কিভাবে বুজবেন? Library হলো একটি single বিষয় নিয়ে কাজ করে, আর framework অনেকগুলো বিষয় নিয়ে কাজ করে, যার মাধ্যমে পরিপূর্ণ একটি কাজ সমাধান করা যায়। React শুধু UI বা user interface নিয়ে কাজ করে। এজন্য React কে Library বলা হয়।

React কেন ব্যবহার করা হয়? React এর Creator কে?

Vanila javaScript দিয়ে project তৈরী করলে সেটি maintain করা কঠিন হয়ে পড়ে।  javaScript দিয়ে কোন data পরিবর্তন হলে সেটিকে UI বা User Interface এ manually শো করাতে হয়। এভাবে যখন অনেক data হয়, তখন সবগুলো data এবং সেগুলো UI তে শো করানো কঠিন হয়ে যায়। এই বিষয়টা Facebook Engineer রা ও উপলব্ধি করে। Facebook Engineer “Jordan Walke” React তৈরী করেন।  React এ data পরিবর্তন হলে সেটিকে UI তে Manually বসাতে হয়না, UI অটো পরিবর্তন হয়। ফলে যে কোন data  maintain করা সহজ হয়ে যায়। 

How to install React:

React Install করার পূর্বে আপনার PC তে Node js install করে নিবেন। Node js install করলে npm অটো install হয়ে যাবে। তবুও আপনার PC তে npm আছে কিনা তা চেক করে দেখতে পারেন। Terminal এ গিয়ে npm-v লিখে এন্টার দিলে npm এর version দেখাবে। যদি version না দেখায়, তাহলে বুজবেন npm install হয়নি।

Start a new React Project:

আপনি যদি নতুন কোন Apps অথবা পুরো website তৈরী করতে চান, তাহলে React আপনাকে সাজেশন দিবে আপনি কোন একটি Framework দিয়ে শুরু করুন। React এর documentation এ বলা হয়েছে, React supported long community এর যে কোন framework দিয়ে আপনি আপনার project শুরু করতে পারেন। শুরুতে framework দিয়ে শুরু করলে পরবর্তীতে আপনাকে আর framework এর ঝামেলা পোহাতে হবেনা।

React supported কিছু framework এর তালিকা: 

1. Next js: এই framework দিয়ে full stack কাজ করতে পারবেন। এটা দিয়ে যে কোন সাইজের App বা website করতে পারবেন। static blog to complex dynamic যে কোন ধরনের কাজ করতে পারবেন। 

2. Remix: এটিও React এর একটি framework যা Nested routing দিয়ে গঠিত। এটাতে data parallary load হয় এবং user এর action এ response করে। 

3. Gatsby: এটি fast CMS-backed website feature সমৃদ্ধ একটি react framework, এটার plugin system অনেক rich এবং GraphQL data layer সিস্টেম, API ইত্যাদি সংযুক্ত রয়েছে।

Framework ছাড়া React install:

React install করার ধাপ:

1. Install Node js and npm: আপনি গুগলে Node js লিখে সার্চ করে Node js এর official site থেকে Node js install করে নিবেন। তাহলে npm ও install হয়ে যাবে।

2. Create a new React App: create-react-app এই code টি আপনার terminal এ লিখলে React সকল dependencies সহ আপনার কম্পিউটারে ইন্সটল হয়ে যাবে।

যেমন এই code টি terminal এ লিখবেন : npx create-react-app my-react-app

(my-react-app) এটি হলো ফোল্ডার এর নাম, এখানে যে কোন নাম দেয়া যাবে। npx create-react-app এটি হলো রিয়্যাক্ট ইন্সটল করার কোড।

3. এরপর terminal এ আপনাকে এই দুটি code দেখাবে 'cd my-react-app' তখন আপনি 'cd my-react-app'এটি লিখে আপনার  project folder এ ডুকবেন।

3. ফাইনালি আপনার project টি run করার জন্য লিখবেন ”npm start”, তখন দেখবেন browser এ আপনার project টি রান হয়ে যাবে।

প্রিয় বন্ধুরা, এতক্ষণ পর্যন্ত আমরা শিখেছি, React js কি? React কেন ব্যবহার করা হয়? React এর Creator কে? How to install React & Framework ছাড়া React install:। 

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