روتر واکنش
وقتی صحبت از ساخت برنامه های وب مدرن می شود که روتر واکنش نشان می دهد ، راهی برای رفتن به یک کتابخانه مسیریابی سمت مشتری است که بدون بارگیری مجدد صفحه ، ناوبری بین نماهای یا صفحات را نشان می دهد! نسخه جدید React Router V7.3.0 در 6 مارس 2025 منتشر شد.
چرا از روتر React استفاده می کنیم؟
- ناوبری عالی بدون بارگیری مجدد صفحه برای UX بهتر.
- مسیریابی پویا عالی برای پارامترهای پویا و رشته پرس و جو به راحتی.
- مسیریابی تو در تو چیدمان های ساختاری با زیرمجموعه ها ایجاد می کند.
بیایید تنظیم کنیم
بسته روتر React را نصب کنید.
npm install react-router-dom@latest
اکنون کل برنامه را با index.js بپیچانید
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
ReactDOM.render(
,
document.getElementById("root")
);
This makes client side routing for your app.
**All routes are now in a container**
