রিয়েক্টে কম্পোনেন্ট ভিত্তিক পদ্ধতির পরিচিতি
ধরুন আমাদের একটি ওয়েবসাইট আছে। এই ওয়েবসাইটে আমরা কিছু ব্লক আলাদা করতে পারি: হেডার, কন্টেন্ট, সাইডবার, ফুটার ইত্যাদি। প্রতিটি ব্লককে আরও ছোট ছোট সাব-ব্লকে ভাগ করা যায়। উদাহরণস্বরূপ, হেডারে সাধারণত লোগো, মেনু, কন্টাক্ট ব্লক ইত্যাদি আলাদা করা যায়।
রিয়েক্টে প্রতিটি such ব্লককে কম্পোনেন্ট বলা হয়। প্রতিটি কম্পোনেন্টের ভিতরে আরও ছোট কম্পোনেন্ট থাকতে পারে, সেগুলোর ভিতরে আবার আরও ছোট কম্পোনেন্ট থাকতে পারে এবং এভাবে চলতেই থাকে।
রিয়েক্টে প্রতিটি কম্পোনেন্টের সাথে একটি
ES6 মডিউল মিলে যায়, যা src ফোল্ডারে অবস্থিত।
মডিউল ফাইলের নাম বড় অক্ষরে লেখা হয়
এবং সেই মডিউলের কোডে থাকা ফাংশনের নামের
সাথে মিলতে হবে।
উদাহরণস্বরূপ, App.js নামের একটি ফাইল
এর ভিতরে App ফাংশন থাকবে:
import React from 'react';
function App() {
// কম্পোনেন্টের কোড
}
export default App;
একটি কম্পোনেন্টকে প্রধান হতে হবে
- যে কম্পোনেন্টের সাথে অন্যান্য কম্পোনেন্ট যুক্ত করা হয়।
রিয়েক্টে ডিফল্টভাবে এই কম্পোনেন্টটি হবে
App কম্পোনেন্ট।
এই কম্পোনেন্টের সাথে অন্য কম্পোনেন্টগুলি
সংযুক্ত করা হবে। এটি কিভাবে করা হয় - তা আমরা
পরবর্তীতে টিউটোরিয়ালে আলোচনা করব।
