1 00:00:02,290 --> 00:00:11,260 Ciò che è cambiato tra lavorare e Versione 5 con la navigazione di reazione in passato sono stati con questi peggiori peggiori, quindi 2 00:00:11,500 --> 00:00:18,910 con la navigazione di reazione che è gratuita e per la quale utilizziamo in questo corso abbiamo avuto questo 3 00:00:18,910 --> 00:00:27,580 modo di impostare percorsi consapevoli di impostare schermate che abbiamo potremmo andare a impostare un registro del genere come la configurazione in 4 00:00:27,580 --> 00:00:34,330 un file in cui fondamentalmente abbiamo mappato le nostre diverse schermate agli identificatori e quindi potremmo lavorare 5 00:00:34,330 --> 00:00:39,520 con questi identificatori da qualsiasi parte dell'applicazione per passare a una schermata specifica. 6 00:00:39,610 --> 00:00:46,030 Ora, quando si trattava di configurare questi diversi schermi, potevamo farlo direttamente nel componente dello schermo 7 00:00:46,300 --> 00:00:49,540 o anche a livello globale nello stack. 8 00:00:49,550 --> 00:00:53,650 Navigatore ad esempio con le opzioni di navigazione predefinite. 9 00:00:53,680 --> 00:01:00,040 Ora questo approccio alla navigazione funziona bene come vedi in questo corso e non c'è necessariamente qualcosa di 10 00:01:00,040 --> 00:01:07,090 sbagliato in esso, anche se abbiamo anche avuto alcune occasioni in cui abbiamo sicuramente visto che a volte poteva essere 11 00:01:07,270 --> 00:01:13,240 complicato se volessi aggiornare i pulsanti di intestazione nell'intestazione di un componente in modo dinamico. 12 00:01:13,360 --> 00:01:19,870 Hai dovuto abusare dei genitori per farlo e questo non era l'ideale e sicuramente un po 'complicato per avvolgere 13 00:01:19,870 --> 00:01:20,760 la testa. 14 00:01:20,890 --> 00:01:26,260 Tuttavia puoi sicuramente usare la navigazione di reazione in cui John è libero e quattro 15 00:01:26,260 --> 00:01:34,510 e puoi continuare a usare quelle parole ma con il rilascio delle parole di navigazione di React e cinque cose sono cambiate un po 16 00:01:34,510 --> 00:01:42,010 'e ora impostiamo le radici e navighiamo un po' in modo diverso ora fondamentalmente c'è un grande cambiamento tra la versione 17 00:01:42,010 --> 00:01:45,230 4 e 5 che tratterò in questo modulo. 18 00:01:45,370 --> 00:01:52,780 Ora non configuriamo il nostro caro amico in modo che le nostre diverse mappature dei nomi delle schermate in questo registro 19 00:01:52,780 --> 00:01:54,920 siano come vediamo a sinistra. 20 00:01:55,030 --> 00:01:59,880 Ma ora invece impostiamo tutto come un albero dei componenti. 21 00:01:59,880 --> 00:02:06,220 Si potrebbe dire che ora abbiamo una configurazione basata su componenti delle nostre diverse rotte. 22 00:02:06,220 --> 00:02:12,100 Possiamo andare in tutte le nostre diverse parti dell'app a cui possiamo andare e ciò che sembra 23 00:02:12,100 --> 00:02:19,850 un po 'disordinato qui sulla diapositiva apparirà molto più pulito più avanti in questo modulo quando portiamo il nostro progetto a quella configurazione. 24 00:02:19,990 --> 00:02:28,240 Ora, anche se questo è certamente un grande cambiamento e un grande modello mentale che dobbiamo fare perché abbiamo impostato la nostra 25 00:02:28,240 --> 00:02:34,960 configurazione di navigazione in un modo completamente diverso, ora offre alcuni bei vantaggi in quanto vedrai che 26 00:02:34,960 --> 00:02:41,950 in realtà è più vicino al modo di reazione di costruire app dove fondamentalmente vuoi usare componenti ovunque 27 00:02:41,950 --> 00:02:48,160 per esprimere come dovrebbe essere il risultato e poi lasci che reagisca trovi un modo per 28 00:02:48,160 --> 00:02:48,680 arrivarci. 29 00:02:48,790 --> 00:02:55,290 E se impostiamo la nostra configurazione dello schermo in un modo basato su tale componente, allora in realtà giustificiamo il 30 00:02:55,480 --> 00:03:00,560 nostro risultato finale e lasciamo reagire e reagire alla navigazione per capire come arrivarci. 31 00:03:00,610 --> 00:03:03,120 Quindi questo è in realtà un buon modello mentale da avere. 32 00:03:03,160 --> 00:03:08,810 Ma ovviamente è quello a cui ci dobbiamo abituare e quindi senza ulteriori indugi immergiamoci e 33 00:03:08,810 --> 00:03:10,600 supportiamo la nostra applicazione. 34 00:03:10,600 --> 00:03:17,350 Comunque c'è ancora una cosa che voglio dire: reagire alla navigazione questo pacchetto con le curve tre 35 00:03:17,350 --> 00:03:25,330 e quattro è ancora molto importante, naturalmente reagire alla navigazione versione 5 e così via è il futuro della navigazione 36 00:03:25,330 --> 00:03:33,370 di React, ma la stragrande maggioranza del progetto lo scoprirai di React I progetti nativi useranno la navigazione di reazione 37 00:03:33,370 --> 00:03:39,760 in parole libere e avanti, quindi è necessario conoscere anche queste parole, motivo per cui il 38 00:03:39,760 --> 00:03:43,630 corso generale utilizza ancora queste versioni con questo modulo. 39 00:03:43,630 --> 00:03:45,220 Ti mostro anche dove sei tra cinque. 40 00:03:45,220 --> 00:03:50,770 Quindi avevi il toolkit completo e sei stato in grado di lavorare su qualsiasi progetto nativo di reazione, 41 00:03:50,770 --> 00:03:52,930 indipendentemente dalla navigazione off-risk che utilizza.