Vi fortsatte med introduktionen av React och repeterade fredagen lite kort för att sedan gå över till State, Events och hur man kan ändra State med hjälp av setState()-metoden.


Workshop

Starta med att en helt ny, tom React-app som du skapar med npx create-react-app.

Dagens övning består av allas favorit-uppgift – att skapa en enkel TODO-app 😁. Du ska använda dig av det vi gått igenom idag, dvs state, events och att ändra state.

Börja enkelt med att bara ha en enda TODO och skriv den direkt i <App>-komponenten.

När man klickar på texten i TODO:n så ska dess completed-state ändras till spegelvänt.

Om du sedan vill så kan du lyfta ut din kod till en egen komponent och se om du kan få det att lira där.

Kategorier: React