Det här är en enkel Todo-app som använder useState i TodoList.tsx för att hålla koll på en todolista. Uppgiften är att lägga till Redux i applikationen och hantera Todos med hjälp av Redux istället för useState.
npm install
npm start
- Installera Redux i appen
- Skapa en todoSlice som innehåller följande reducer-funktioner:
- addTodo(text: string)
- removeTodo(id: string)
- sortTodos(desc: boolean)
- Skapa enhetstest för alla reducer-funktioner
- Använd useSelector och useDispatch i TodoList-komponenten för att ändra och hämta från Redux-statet
- Lägg till stöd för Typescript i Redux
- Lägg till så att newTodoText och filterDescending ligger i Redux istället för useState
- Ordna så att en ny Todo hamnar rätt i filtreringen och inte längst ner