Einführung in TanStack Query (React Query)
Babak Mehrabi, Teaching difficult things in simple way
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
01 Inroduction to the course
1:48
-
2.
02 checking out different commits
2:27
-
3.
04 React mit Create React App installieren
3:43
-
4.
05 Eine Todo-Seite erstellen
5:46
-
5.
06 Github-Repository
0:51
-
6.
07 Server-App-Installation und -Ausführung
2:42
-
7.
08 Todos vom Server lesen
7:54
-
8.
08 sending todos to server
11:30
-
9.
09 State management Solution
5:18
-
10.
10 Redux Cons
4:43
-
11.
11 Writing the first query
7:42
-
12.
12 Writing the first mutation
10:01
-
13.
13 showing progress bar finished todos
8:26
-
14.
14 refactoring and cleaning up
4:36
-
15.
15 showing important tasks counter
3:22
-
16.
16 automated testing
4:14
-
17.
17 writing first test
5:28
-
18.
18 code coverage
3:43
-
19.
19 migrate to vite
5:43
-
20.
20 run tests with vitest
3:46
-
21.
21 write test list component
5:06
-
22.
22 adding code coverage report with v8
2:32
-
23.
23 increasing list component code coverage to 100 percent
7:18
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
1
Teilnehmer:in
--
Projekte
Über diesen Kurs
In diesem Kurs werden wir uns mit TanStack Query (React Query) beschäftigen. React Query ist eine leistungsstarke Bibliothek für die Arbeit mit APIs und bietet viele nützliche Funktionen wie Feching, Caching, Synchronisierung usw.
TanStack (React) Query erleichtert die Arbeit mit APIs erheblich. Du kannst einfach Daten aus APIs abrufen und Post-/Patch-Anfragen mit ReactQuery senden und alle Komponenten so erstellen, dass sie auf die Datenänderungen aufmerksam sind. Mit dieser Funktion können wir eine vollständig responsive App erstellen, die auf Benutzeränderungen reagiert und die Daten auf dem Server im Hintergrund aktualisiert.
Die Verwendung von React Query hilft dir, viel schnellere Funktionen mit weniger Code zu entwickeln. Hier sind die Themen, die wir in diesem Kurs behandeln:
React mit dem create-react-app Script installieren
Erstelle eine To-Do-Listenseite und erstelle ein neues Todo-Formular
GitHub-Repositories des Projekts
Einrichten eines einfachen Servers mit NodeJS
Todos von API abrufen
Implementierung eines API-Aufrufs zum Erstellen von Todo-Elementen
Lösungen für das Staatsmanagement und deren Ansatz
Nachteile der Verwendung von Redux als State Management Library
Implementierung der ersten Query in TanStack (React) Query
Implementierung der ersten Mutation in TanStack (React) Query
Fortschrittsleiste hinzufügen – Implementieren weiterer Komponenten für die Verwendung von TanStack Query
Neugestaltung und Bereinigung des Projekts
Implementierung von Zählern zur Anzeige wichtiger Aufgaben mit TanStack (React) Query
Bitte begleite mich auf dieser Reise :-)
Praxisnahes Kursprojekt
Wir werden eine vollständige To-Do-Liste erstellen. Benutzer können unsere ToDo-App verwenden, um Todos zu erstellen und ihnen Attribute hinzuzufügen
1. Ist es wichtig?
2. Hast du es geschafft?
Wir werden eine vollständige React-Anwendung erstellen, mit der Benutzer:innen ihre Todos-Aufgaben einfach verwalten können. Mit TanStack Query (React Query) machen wir die Anwendung vollständig responsiv.
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
Lerne von überall aus
Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.
