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

Clase 5 de 10 • Curso de Next.js: Optimización y Manejo de Grandes Datasets

Resumen

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

Jhoan Stiven Zamora Caicedo

student•

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

student•

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

student•

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

student•

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

student•

Si algo puede salir mal va a malir sal.

Miguel Angel Muñoz Pozos

student•

La ley de Murphy

Alejandro Iscop

student•

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

Ulqernesh Karvenae

student•

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

Link :

Marcos Antonio Ortiz Manjarres

student•

que opinan de RTK Query ?

Jonathan 🦑 Alvarez

teacher•

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

Cristian Mauricio Cavanzo Arias

student•

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