Estoy trabajando con React y tengo algunos datos de la API que debo almacenar/mantener para que no se llame a la API cada vez que se representa la página, solo la primera vez.

Me preguntaba cuáles son las principales diferencias entre local, sesión y caché. Lo que vi fue que localStorage persiste en el navegador para siempre hasta que el cliente lo elimine, el almacenamiento de la sesión persiste hasta que el usuario ingresa a la nueva pestaña, pero el caché es un engima para mí. Si alguien pudiera explicar la diferencia entre caché y los dos primeros?

Además, tengo un token que caduca cada 60 minutos y se verifica en cada llamada a la API. Si caduca, el usuario es expulsado y debe volver a iniciar sesión para ver la página. Entonces, después de 60 minutos de que el usuario haya iniciado sesión, quiero eliminar los datos de la API persistentes, patear al usuario -> el usuario inicia sesión nuevamente, llamar a la API, completar los datos... ¿Cuál es mi mejor opción? Caché, local, sesión, ¿algo más?