Un esempio pratico con React Router | Lezione 12 | Corso React in Italiano
Un'altra lezione molto pratica dove vediamo in azione React Router una libreria che ci permette di gestire la navigazione all'interno della nostra applicazione React.
Nello specifico vedremo:
00:00 Intro
03:10 Installare la react router dom
03:47 Modificare il nostro header
06:29 Creazione della pagine principali
11:30 Configuriamo il nostro router
19:40 Implementare una ErrorPage
23:20 Creazione di un layout comune
26:01 React Router all'opera
Approfondimenti sulle lezioni del corso: www.manuelricc...
Vuoi consigliare un corso, puoi farlo compilando questo form forms.gle/yh4Y...
Iscriviti a Imparare Coding con Manuel: / @codingconmanuel
----------------------------------------------------------------------------------------
Seguimi sui Social Media:
TikTok: / manuelricci.wt
Instagram: / manuelricci.wt
LinkedIn: / riccimanuel
----------------------------------------------------------------------------------------
Per altri approfondimenti e corsi visita:
www.manuelricc...
Пікірлер: 8
Ottimo tutorial come sempre! Avrei aggiunto solo un paio di cose: 1. useNavigation e redirect perché sono spesso utili nelle funzioni sopratutto magari dopo l'invio di una form 2. Le guarded route che sono fondamentali se uno fa una app con l'autenticazione (e si sposava bene con la gestione dello stato globale delle lezioni precedenti 😁)
@codingconmanuel
5 ай бұрын
Mi tengo le cose belle per il progetto finale ✨
@domenicosantone5264
5 ай бұрын
@@codingconmanuel 🔝
Grazie mille! Adoro i tuoi video e spieghi molto bene. Piccolo consiglio: fai degli shorts oppure video da 5 minuti dove entri nel dettaglio con qualche argomento specifico(esempio useparams oppure outlet), sono argomenti molto ricercati e andresti ancora di più dritto al punto. Grande comunque 😁
@codingconmanuel
3 ай бұрын
Grazie mille ✨il tuo consiglio è ben accetto. Ci stavo giusto giusto pensando dato che alcuni commenti alla quale rispondo possono essere tranquillamente materiale per qualche micro pillola.
@hilarymazzilli9877
3 ай бұрын
@@codingconmanuel ti posso fare una richiesta? Potresti fare un video dove spieghi il loader? Nello specifico, se l'utente prova ad andare sulla Dashboard (ad esempio) ma non è loggato, il loader lo manda sulla home o sulla pagina di login. Ed inoltre, come si verifica che l'utente sia loggato oppure no? Sono una new entry in questo mondo e devo capire un po' di cose 😅
Ciao, facendo delle prove mi appare questo errore: “React Router caught the following error during render Error: A component suspended while responding to synchronous input”… mi spiego sto usando lo stesso form (fatto con hook Form) sia per creare che per editare i todo che recupero tramite json server. Tutto funzionava alla grande prima che inplementassi il router con lazy e suspense… il problema me lo da perchè in maniera condizionale uso useGetTodoQuery (rtk query) per gestire i dati e lo stato. Ho provato anche ad usare startTransition ma nulla… come ne esco? Grazie
@codingconmanuel
5 ай бұрын
Passa da Discord e girami un link ad una repo GitHub così da poterti supportare meglio. Se non vuoi passare da Discord, scrivimi una mail, la trovi nel mio canale :)