📁 File-based React Native কী? কেন ব্যবহার করবেন?

আধুনিক React Native অ্যাপ ডেভেলপমেন্টে File-based Routing একটি অত্যন্ত জনপ্রিয় ও শক্তিশালী পদ্ধতি। এই পদ্ধতিতে আমরা ফাইল ও ফোল্ডার স্ট্রাকচার ব্যবহার করে সরাসরি অ্যাপের স্ক্রিন ও রাউট নির্ধারণ করি।

🔹 File-based React Native কী?

File-based React Native মানে হলো — যে ফাইল তৈরি করবেন, সেটাই হবে আপনার স্ক্রিন বা রাউট। এখানে আলাদা করে route configuration লিখতে হয় না।

📌 উদাহরণ (Expo Router):

app/
 ├── index.tsx        → Home Screen
 ├── login.tsx        → Login Screen
 ├── profile.tsx      → Profile Screen
 └── user/
      └── [id].tsx    → Dynamic User Screen

উপরের স্ট্রাকচারে প্রতিটি .tsx ফাইল নিজে থেকেই একটি স্ক্রিন হিসেবে কাজ করে।

🚀 কেন File-based React Native ব্যবহার করবেন?

✅ Routing সহজ ও পরিষ্কার হয়
✅ কম কোডে বেশি কাজ করা যায়
✅ নতুন ডেভেলপারদের জন্য শেখা সহজ
✅ বড় প্রজেক্টে স্কেল করা সহজ
✅ TypeScript-এর সাথে পারফেক্ট কাজ করে
✅ Web (Next.js)-এর মতো অভিজ্ঞতা

📚 এই টপিক শেখার আগে যা জানা জরুরি (Prerequisites)

✔ JavaScript ES6 Basics
✔ TypeScript Fundamentals
✔ React Basics (useState, useEffect)
✔ React Native Core Components
✔ Expo CLI সম্পর্কে ধারণা

🧩 TypeScript সহ একটি File-based Screen Example

নিচে একটি সাধারণ Home Screen দেখানো হলো যা TypeScript ব্যবহার করে তৈরি:

import { View, Text } from 'react-native';

export default function HomeScreen(): JSX.Element {
  return (
    
      Welcome to File-based React Native
    
  );
}

📱 Output (অ্যাপে কী দেখাবে?)

📲 মোবাইল স্ক্রিনে দেখা যাবে:

সাদা ব্যাকগ্রাউন্ড
স্ক্রিনের মাঝখানে লেখা
Text: “Welcome to File-based React Native”

🆚 Traditional Routing vs File-based Routing

Traditional	File-based
Manual route config	Auto routing
More boilerplate	Less code
Complex for beginners	Beginner-friendly

✨ সংক্ষেপে বলা যায়

File-based React Native আধুনিক অ্যাপ ডেভেলপমেন্টকে করে তোলে সহজ, দ্রুত এবং স্ট্রাকচারড। TypeScript ব্যবহার করলে অ্যাপ আরও বেশি secure, maintainable ও professional হয়।

React Native কী? কেন ব্যবহার করবেন?

📁 File-based React Native কী? কেন ব্যবহার করবেন?