React Router este folosit în mod obișnuit pentru a face diferite rute pentru pagini din React Applications. Acest curs intensiv vă va învăța cum să creați rute în aplicațiile dvs. React.
Acest curs acoperă BrowserRouter, Switch, Nesting Routes, Redirecționare rute, potriviri și istorie, inclusiv useHistory, useParams, useLocation și useRouteMatch Hooks.
✏️ Curs creat de Roadside Coder. Vezi canalul lui: https://www.youtube.com/c/RoadsideCoder
🔗 8 practici de cod curat:
https://www.youtube.com/watch?v=dZXpgP9ibf8/>
⭐️ Conținutul cursului ⭐️
⌨️ (00:00) Introducere
⌨️ (00:51) Inițializați noua aplicație React
⌨️ (03:16) Componenta antet
⌨️ (04:42) Instalarea routerului React
⌨️ (05:15) BrowserRouter
⌨️ (05:57) Crearea rutelor
⌨️ (08:21) Testarea rutelor
⌨️ (08:39) prop
⌨️ (09:25) Comutare etichetă
⌨️ (10:17) Etichetă de link
⌨️ (13:32) nume de bază prop
⌨️ (14:06) ForceRefresh Prop
⌨️ (14:37) getUserConfirmation
⌨️ (15:54) derulați în sus la schimbarea rutei
⌨️ (16:46) 404 Pagina negăsită
⌨️ (18:21) Accesați parametri URL
⌨️ (20:33) folosește Params Hook
⌨️ (21:50) utilizați cârligul de locație
⌨️ (24:49) Redirecționare în React Router
⌨️ (28:05) folosiți cârligul istoric
⌨️ (30:55) Rutare imbricată
⌨️ (38:27) Altele
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Wong Voon Jinq
👾 hexploatare
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Casă în copac
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- React Router 6 – Tutorial pentru începători
- Tutorial MERN Stack – Proiect Book Store
- Tutorial complet React Native Web – Creați o aplicație de antrenament pentru iOS, Android și web
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate
- Curs complet React 2020 – Învățați elementele fundamentale, Hooks, Context API, React Router, Custom Hooks
- Curs React / GraphQL – Creați o aplicație de social media (MERNG Stack)
- React JavaScript Framework pentru începători – Curs bazat pe proiecte
- Tutorial pentru începători React – Creați o casetă de text de completare automată
- Creați o clonă Twitter cu Vue.js, Quasar Framework și Firebase pentru iOS, Android, Mac și Windows
- Svelte Tutorial – Este mai bine decât React?