Vi gick igenom lösningsförslag på måndagens workshop där ni skulle lägga till stöd för att toggle:a en TODO och sedermera även radera den.
Efter det så lade vi in en spinner för att ge lite feedback till användaren något händer i bakgrunden (att en asynkron förfrågan är igång), och visar/döljer den baserat på aktivitet.
Därefter lade vi in React Router och började nosa lite på vad man kan använda routing till/vad det ska vara bra för. Vi gjorde en demo med enkla ”dummy” UI-komponenter som agerade ”sidor” och kikade på BrowserRouter, Route, Link och NavLink komponenterna som följer med i React Router-paketet. Sen gjorde vi en ganska massiv refactoring av Todo-appen så att den fick routing-stöd. Sen svimmade alla 😅.
<code>
Add React Router to React
npm install react-router-dom
src/App.js
import { Route, BrowserRouter, Switch } from 'react-router-dom';
Länkar
React Router Quick Start
https://reacttraining.com/react-router/web/guides/quick-start
Workshop
Se om ni kan få vår nya komponent SingleTodo att hämta ut (via Firestore) just den Todo vi klickat in på (tips; id till Todon finns i props.match.params.id).