¿Cual es la diferencia entre usar la librería <code>js-cookie</code> vs <code>localstorage</code> vs <code>sesionstorage</code>? En las ...

Pregunta de la clase:
Obteniendo el token de la API
Paola Camacho Alapizco

Paola Camacho Alapizco

Pregunta
studenthace 3 años

¿Cual es la diferencia entre usar la librería

js-cookie
vs
localstorage
vs
sesionstorage
?

En las 3 podemos guardar los datos como el token u otros recursos que nos provean las APIs.

Pero, ¿Cuál es la mejor?

2 respuestas
para escribir tu comentario
    Henry Corredor

    Henry Corredor

    studenthace 3 años

    ala pero Platzi pone el token en localStorage :/ me gasté cinco minutos leyendo un poco, hay varios tipos y varias opciones para las Cookies, cosas como httpOnly, secure, sameSite... mejor dicho, esto es un tema que podría profundizarse más y es bastante relevante en este curso.

    Diego Herrera Prado

    Diego Herrera Prado

    studenthace 3 años

    El Local Storage tiene un almacenamiento máximo de 5MB, la información que contiene no se va con cada request al servidor. La información almacenada persiste, aunque se cierre el navegador. El Session Storage es similar al local storage, sólo que la información se encuentra únicamente disponible por pestaña o ventana del navegador. Es decir, si se cierra la pestaña se pierde la información, y si se abre otra pestaña, desde esa nueva pestaña no se puede acceder a la información previa en el session storage. Las Cookies cuentan con un almacenamiento de únicamente 4KB, se les puede establecer un tiempo de expiración. Tienen la desventaja de que al hacer cualquier tipo de request, la cookie se envía junto con la petición. • La cookie se utiliza para almacenar información sensible, como lo es un token. • El session storage se utiliza para almacenar información medianamente sensible. • El local stogare se utiliza para almacenar información que no es sensible.

Curso Profesional de Next.js

Curso Profesional de Next.js

Profesionaliza tus conocimientos sobre Next.js consumiendo una API para crear un dashboard de productos. Comunícate con la API para obtener, crear, actualizar y eliminar productos. Integra el sistema de autenticación y usa diferentes tecnologías como Tailwind CSS. ¡Haz el deploy directamente en Vercel y conecta un subdominio a tu dashboard junto con tu profesor Oscar Barajas!

Curso Profesional de Next.js
Curso Profesional de Next.js

Curso Profesional de Next.js

Profesionaliza tus conocimientos sobre Next.js consumiendo una API para crear un dashboard de productos. Comunícate con la API para obtener, crear, actualizar y eliminar productos. Integra el sistema de autenticación y usa diferentes tecnologías como Tailwind CSS. ¡Haz el deploy directamente en Vercel y conecta un subdominio a tu dashboard junto con tu profesor Oscar Barajas!