Vi ägnade större delen av förmiddagen åt att gå igenom workshopen från i tisdags, där vi bland annat installerade paketet use-url-search-params som gjorde att vi enklare kunde interagera med query-parametrar i vår URL istället för att manuellt behöva parse:a och uppdatera location.search.
Precis innan lunch kollade vi på React Router v6 som för cirka 1,5 månad sedan kom i beta.0, och den ger oss stöd för saker som Automatic Route Ranking, Relative Routing and Linking och även Nested Routes på ett mkt smidigare sätt.
Kika på länkarna nedan för mer info om den nya versionen.
Som självstudier ska ni kolla igenom videos om Redux (som är en State Manager) och React Context till nästa vecka då vi ska kika på React Query och behöver ha en aning om vad Redux och Context är för något för att bättre kunna hänga med i genomgången.
Länkar
use-url-search-params
https://www.npmjs.com/package/use-url-search-params
React Router v6
React Router v6 Preview
https://reacttraining.com/blog/react-router-v6-pre/
React Router v6 in Three Minutes
https://medium.com/better-programming/react-router-v6-in-two-minutes-a7a2963e2340
Getting Started with React Router (v6)
https://github.com/ReactTraining/react-router/blob/dev/docs/installation/getting-started.md
Migrating React Router v5 to v6
https://github.com/ReactTraining/react-router/blob/dev/docs/advanced-guides/migrating-5-to-6.md
Videos
React Router v6 Tutorial in 15 minutes
Självstudier
Inför nästa vecka då vi ska börja kika på State Management så behöver ni ha ett hum om vad Redux är för något och hur Context fungerar i React.
Kika därför igenom följande spellistor till på onsdag:
Complete React Tutorial (with Redux)
Kolla igenom video 34-44 om Redux. Totalt ~1 timme.
React Context & Hooks Tutorial
Kolla video 1-9 (~1 timme), 13-15 (~16 min) och 19-21 (~30 min) om Context och useContext() – eller skumma igenom hela för bra repetition av hooks!
📽🎞🍿