مسیریابی با React Router
بخشی از دوره ریاکت
هرچه تا حالا ساختهاید روی یک نشانی زندگی میکند. یک صفحه هست و بس، و هرچه بخواهید کاربر ببیند با وضعیت نشان میدهید یا پنهان میکنید. این تا وقتی جواب میدهد که یکی بخواهد صفحه تنظیمات را نشانک کند، یا برای همکارش لینک یک کاربر بخصوص را بفرستد، یا دکمه بازگشت مرورگر را بزند و همان جایی برسد که توقع دارد. برنامه وبی که نوار نشانی را نادیده میگیرد، تنها امکانی را که هر کاربری از قبل بلد است دور میریزد.
برنامه یکصفحهای (single-page app) وقتی در آن جابهجا میشوید کل صفحه را از نو بار نمیکند. مرورگر یک بار JavaScript را میگیرد و از آن به بعد عوضکردن صفحهها فقط رندرکردن مؤلفههای (component) متفاوت به دست React است. اما نشانی باید همچنان عوض شود، دکمه بازگشت باید همچنان کار کند، و تایپکردن مستقیم یک نشانی باید همچنان شما را جای درست بگذارد.
میخواهی ریاکت مسیریابی با React Router را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و مسیریابی با React Router را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسمسیریابی با React Routerچه چیزهایی یاد میگیری
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ریاکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ریاکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
دورههای دیگر را ببین
