Abschlussprojekt: To-do-App
Teil des React-Kurses
Jede Lektion bisher hat dir eine Idee auf einmal gegeben, mit einem kleinen Beispiel drumherum. Echte Anwendungen sind nicht so. In einer echten Anwendung m眉ssen der State, das Rendern der Liste, das Formular, das Speichern und die URLs alle gleichzeitig in derselben Codebasis vorhanden sein, und schwierig ist nicht das einzelne St眉ck, sondern die Entscheidung, wohin jedes davon geh枚rt.
In dieser Lektion geht es also darum, alles zusammenzusetzen. Du baust eine vollst盲ndige, funktionierende Todo-App: Eintr盲ge hinzuf眉gen, abhaken, l枚schen, und die Liste ist nach einem Neuladen der Seite immer noch da. Sie hat au脽erdem eine zweite Seite unter /about, damit du eine echte URL zum Navigieren bekommst. Nichts hier ist ein neues Konzept.
M枚chtest du React Abschlussprojekt: To-do-App in einer echten Umgebung lernen?
Klick unten, hol dir eine Linux-Maschine mit fertigem React und arbeite Abschlussprojekt: To-do-App praktisch durch, mit einem KI-Tutor, der deinen Code kennt.
Lektion startenAbschlussprojekt: To-do-AppWas du lernen wirst
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
Lies diese Lektion in deiner Sprache
Alle Lektionen in diesem Kurs
17 Lektionen- 1Was ist React?25 Min.
- 2JSX und Components30 Min.
- 3Props30 Min.
- 4State mit useState35 Min.
- 5Ereignisse verarbeiten30 Min.
- 6Bedingtes Rendering und Listen30 Min.
- 7Formulare und Controlled Inputs35 Min.
- 8Effects mit useEffect40 Min.
- 9Datenabruf40 Min.
- 10Component-Komposition35 Min.
- 11Context und useContext35 Min.
- 12useReducer35 Min.
- 13Benutzerdefinierte Hooks35 Min.
- 14Performance und Memoization35 Min.
- 15Routing mit React Router40 Min.
- 16React Components testen40 Min.
- 17Abschlussprojekt: To-do-App60 Min.
