Uddeshyo | Student Super App

13. React Router

📘 কনসেপ্ট (থিওরি)

ক্রিয়েট রিঅ্যাক্ট অ্যাপ (Create React App) এ পেজ রাউটিং অন্তর্ভুক্ত থাকে না। রিঅ্যাক্ট রাউটার (React Router) হলো সবচেয়ে জনপ্রিয় সমাধান।

আপনার অ্যাপ্লিকেশনে রিঅ্যাক্ট রাউটার যোগ করতে, অ্যাপ্লিকেশনের রুট ডিরেক্টরি থেকে টার্মিনালে এটি চালান: npm i -D react-router-dom

**প্রাথমিক ব্যবহার**
প্রথমে আপনার বিষয়বস্তুকে  দিয়ে মুড়িয়ে দিন।
তারপর আমরা আমাদের  সংজ্ঞায়িত করি।
একটি অ্যাপ্লিকেশনে একাধিক  থাকতে পারে। আমাদের প্রাথমিক উদাহরণ শুধুমাত্র একটি ব্যবহার করে।
 গুলো নেস্টেড (ভেতরে ভেতরে) করা যেতে পারে।

💡 উদাহরণ

রিঅ্যাক্ট রাউটার সেটআপ:

import { BrowserRouter, Routes, Route } from "react-router-dom";

export default function App() {
  return (
    
      
        } />
        } />
        } />
      
    
  );
}

🎯 আপনার কাজ (প্র্যাকটিস)

একটি সাধারণ BrowserRouter লিখুন যার মধ্যে একটি Routes থাকবে যা /about পাথকে একটি  কম্পোনেন্টে ম্যাপ করে এমন একটি Route ধারণ করে।

main.react

OUTPUT

Run your code to see the output here...