Introduction à TanStack Query (React Query)
Babak Mehrabi, Teaching difficult things in simple way
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
1.
01 Inroduction to the course
1:48
-
2.
02 checking out different commits
2:27
-
3.
04 installer react avec l'application create react
3:43
-
4.
05 Créer une page todo
5:46
-
5.
répertoire github 06
0:51
-
6.
Installation et exécution d'une application serveur 07
2:42
-
7.
08 Lire todos depuis le serveur
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
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
1
apprenant·e
--
À propos de ce cours
Dans ce cours, nous allons apprendre TanStack Query (React Query). React Query est une bibliothèque puissante pour travailler avec des API qui propose de nombreuses fonctionnalités utiles comme la récupération, la mise en cache, la synchronisation et bien d'autres encore.
TanStack (React) Query facilite considérablement le travail avec des API. Vous pouvez simplement récupérer des données à partir d'API et envoyer des demandes de publication/de correction avec ReactQuery, et informer tous les composants des changements de données. L'utiliser nous aidera à créer une application entièrement réactive qui réagit aux changements apportés par les utilisateurs et met à jour les données sur le serveur en arrière-plan.
Utiliser React Query vous aidera à développer des fonctionnalités beaucoup plus rapidement avec moins de code. Voici les sujets que nous allons aborder dans ce cours :
Installer React avec le script create-react-app
Créer une page de liste de tâches à faire et créer un nouveau formulaire de tâche à faire
Déposits GitHub du projet
Configurer un serveur simple avec NodeJS
Recherche de Todos depuis l'API
Mettre en œuvre un appel API pour créer des éléments Todo
Solutions de gestion d'État et leur approche
Inconvénients de l'utilisation de Redux comme bibliothèque de gestion d'état
Implémenter la première requête dans TanStack (React) Query
Implémenter la première mutation dans TanStack (React) Query
Ajouter la barre de progression - Mettre en œuvre plus de composants pour utiliser TanStack Query
Refactorisation et nettoyage du projet
Implémenter un compteur pour afficher les tâches importantes avec TanStack (React) Query
Rejoignez-moi dans ce voyage :-)
Projet de cours pratique
Nous allons créer une application complète de to-do list. Les utilisateurs peuvent utiliser notre application ToDo pour créer tous et leur ajouter des attributs
1. Est-ce important ?
2. Avez-vous fait ?
Nous allons créer une application React complète qui permettra aux utilisateurs de gérer facilement leurs objets. Avec TanStack Query (React Query), nous allons rendre votre application entièrement réactive.
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare
Apprenez, où que vous soyez
Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.
