Optimización de Caché en Aplicaciones React con ReactQuery y SWR

Curso de Next.js: Optimización y Manejo de Grandes Datasets

Contenido del curso

Introducción

1
Optimización de JavaScript con Grandes Datasets en Next.js
02:49 min

Throttling y Debouncing

Cache en memoria

Memoización

Scrolling

9
Optimización de Scroll con ReactWindow y Intersection Observer
04:03 min

Conclusiones

10
Optimización de Rendimiento en React con Throttling y Debouncing
01:18 min

Tomar examen

Optimización de Caché en Aplicaciones React con ReactQuery y SWR

Todos los cursos GRATIS

Se acaba en:

00díasd:00hrsh:00minm:00segs

Resumen

Comando: git checkout -b dev 10-react-query

Comentarios7

Jhoan Stiven Zamora Caicedo

Estudiante

Hace 4 años

Personalmente pienso que pierde un poco de proposito la clase y el curso cuando simplemente se muestra el resultado final de temas considerablemente importantes como estos. Entiendo que no es un curso de SWR o de React Query pero debería al menos haber más clases para profundizar en los conceptos generales de Asincrona, cache, revalidacion, y como estas librerias lo implementan.

El dejarlo como un "reto" se siente como una excusa para ignorar todo esto.

Luis Gabriel Cazzullo

Estudiante

Hace 3 años

Coincido totalmente. Los retos son buenos pero creo que se debería hacer esto desde el comienzo. Se omiten grandes detalles.

Cesar González Caballero

Estudiante

Hace 4 años

Pues cuando alguien ya no tiene ganas de hacer las cosas se nota, ya solo se la pasa diciendo haganlo, es un reto, copien código sin que entiendan nada, no s eles va aexplicar y estudien por su lado y entiendan como puedan, igual y buscar y leer documentación y buscar cursos, pero, llamenme loco, pero, no se supone qu epara eso pagamos aquí para que nos enseñen? no para que nos digan copia pega y es un reto porque ya no te voy a enseñar? se nota que ya ni ganas tienen.

Luis Felipe Silgado Cortázar

Estudiante

Hace 3 años

Casi parece que estamos pagando para estudiar por nuestra cuenta. No es que no se pueda hacer, pero entonces ¿Para qué pagar suscripción?

Walter Omar Barrios Vazquez

Estudiante

Hace 5 años

Si algo puede salir mal va a malir sal.

Miguel Angel Muñoz Pozos

Estudiante

Hace 4 años

La ley de Murphy

Alejandro Iscop

Estudiante

Hace 4 años

LEY DE MURPHY Si algo puede salir mal, saldrá mal

Ulqernesh Karvenae

Estudiante

Hace 9 meses

Os recomiendo este video para aprender acerca de reactQuery que ahora se llama tanstack/react-query

Link :

Marcos Antonio Ortiz Manjarres

Estudiante

Hace 4 años

que opinan de RTK Query ?

Jonathan 🦑 Alvarez

Profesor

Hace 4 años

Redux Toolkit. Si tuviera que usar Redux, muy probablemente usaría RTX y familia 👍

Cristian Mauricio Cavanzo Arias

Estudiante

Hace 3 años

Estoy utilizando apollo client y tengo el siguiente codigo export const apolloClient = new ApolloClient({ link: authLink.concat(link), cache: new InMemoryCache({ typePolicies: { Query: { fields: { plant: { read: (``_``, { ``args``, ``toReference`` }) => { return toReference({ __typename: 'Plant', id: ``args``?.id, }); }, }, }, }, }, }),}); mi pregunta es como podria crear un stale-while-revalidate porque me doy cuenta que apollo ya con esto no hace peticiones con valores que ya haya consultado previamente pero no los vuelve a consultar para ver si ya se actualizaron, hay alguna forma de hacer esto?

Optimización de Caché en Aplicaciones React con ReactQuery y SWR

Introducción

Optimización de JavaScript con Grandes Datasets en Next.js

Throttling y Debouncing

Optimización de Búsquedas con Throttle y Debounce en Next.js

Implementación de Debounce en React con Hooks y JavaScript

Optimización de Debounce y Throttle en React con LowDash

Cache en memoria

Optimización de Caché en Aplicaciones React con ReactQuery y SWR

Optimización de búsqueda en JavaScript: Arrays vs. Objetos

Memoización

Optimización de Componentes en React con Memoización

Optimización de Componentes con React.memo y React.useMemo

Scrolling

Optimización de Scroll con ReactWindow y Intersection Observer

Conclusiones

Optimización de Rendimiento en React con Throttling y Debouncing

Todos los cursos GRATIS

Resumen