Me preguntaba cuáles son las diferencias entre el almacenamiento en caché/guardar datos en la memoria dentro de un componente de la interfaz de usuario frente al almacenamiento en caché en el navegador del cliente con respecto al encabezado cache-control de HTTP. Creo que las bibliotecas como la consulta de reacción hacen lo primero: almacena los datos obtenidos dentro de una tienda global y permite a los usuarios usar staleTime y cacheTime para ajustar la frescura de los datos.

Pero me pregunto si podemos lograr el almacenamiento en caché aprovechando el caché del navegador: ¿cuáles son los pros y los contras de cada enfoque?

Me parece problemático que si implementamos un mecanismo de caché en memoria para un componente o biblioteca como React query pero entra en conflicto con HTTP-Cache - dice Cache-control: no-store , no deberíamos almacenarlo en caché en el componente o la biblioteca . Por ejemplo, un código QR con una vigencia de 30s. Me pregunto si hay una manera de generar automáticamente la configuración para el componente o la biblioteca a partir de los encabezados de respuesta http que envía el backend. Pero no estoy seguro de cómo puedo hacer eso.