Introducción a TanStack Query (React Query)
Babak Mehrabi, Teaching difficult things in simple way
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
01 Inroduction to the course
1:48
-
2.
02 checking out different commits
2:27
-
3.
04 Instalar react con la aplicación create react
3:43
-
4.
05 crear página todo
5:46
-
5.
Repositorio de github 06
0:51
-
6.
07 Instalación y ejecución de aplicaciones de servidor
2:42
-
7.
08 lectura del todo desde el servidor
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
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
1
Estudiante
--
Proyectos
Acerca de esta clase
En este curso, vamos a aprender TanStack Query (React Query). React Query es una biblioteca potente para trabajar con API que ofrece muchas funciones útiles como la búsqueda, el almacenamiento en caché, la sincronización, etc.
TanStack (React) Query facilita mucho el trabajo con API. Puedes simplemente obtener datos de API y enviar solicitudes de publicación/parche con ReactQuery y hacer que todos los componentes estén al tanto de los cambios de datos. Utilizarlo, nos ayudará a crear una aplicación totalmente responsiva que reaccione a los cambios del usuario y actualice los datos en el servidor en segundo plano.
Usar React Query te ayudará a desarrollar funciones mucho más rápidas con menos código. Estos son los temas de los que hablaremos en el curso:
Instalar React con el script create-react-app
Crea la página de lista de tareas pendientes y crea un nuevo formulario de todo
Repositorios de GitHub del proyecto
Configurar un servidor sencillo con NodeJS
Obtener Todos desde la API
Implementar una llamada API para crear elementos Todo
Soluciones de gestión estatal y su enfoque
Las desventajas de usar Redux como biblioteca de gestión de estados
Implementar la primera consulta en TanStack (React) Query
Implementar la primera mutación en TanStack (React) Query
Agregar la barra de progreso: implementar más componentes para usar TanStack Query
Refactorización y limpieza del proyecto
Implementación de contador para mostrar tareas importantes con TanStack (React) Query
Acompáñame en este viaje :-)
Proyecto de clase práctica
Vamos a crear una aplicación completa para una lista de tareas. Los usuarios pueden usar nuestra aplicación ToDo para crear todos y agregarles atributos
1. ¿Es importante?
2. ¿Ya lo has hecho?
Crearemos una aplicación completa de React que permita a los usuarios gestionar fácilmente sus todo. Con TanStack Query (React Query), haremos una aplicación completamente responsiva.
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
Aprende desde cualquier lugar
Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.
