LocalStorage

Imagina que localStorage es como un cuaderno pequeño que el navegador mantiene oculto en tu computadora. Cuando visitas un sitio web, ese sitio puede escribir notas en el cuaderno (guardar datos). La próxima vez que regreses, esas notas siguen ahí. A diferencia de las cookies, localStorage puede almacenar mucha más información (varios megabytes) y es más fácil de usar desde código JavaScript. Esto es súper útil para recordar preferencias: qué tema visual elegiste, el idioma que prefieres, tus productos guardados en un carrito de compras, o incluso un borrador de un mensaje que estabas escribiendo. Todo se guarda localmente sin enviar datos al servidor constantemente.

LocalStorage es parte de la especificación de HTML5, que se estandarizó alrededor de 2010-2014. Surgió como una evolución de las cookies, que eran limitadas en capacidad y enviaban datos al servidor constantemente. Los desarrolladores web necesitaban una forma mejor de almacenar datos del lado del cliente, y así nació localStorage, junto con sessionStorage (similar pero que se borra al cerrar la pestaña).