Gdzie w przeglądarce można przechowywać dane na kliencie?

W przeglądarce, do przechowywania danych po stronie klienta, można używać kilku głównych mechanizmów:

• LocalStorage — prosty klucz-wartość, dane są przechowywane bez daty wygaśnięcia, dostępne tylko w ramach jednej domeny.
• SessionStorage — podobny do LocalStorage, ale dane żyją tylko w ramach jednej sesji (dopóki karta jest otwarta).
• IndexedDB — bardziej skomplikowana i potężniejsza baza danych po stronie klienta, pozwala na przechowywanie dużych ilości danych strukturalnych.
• Cookies — małe dane, które są wysyłane do serwera z każdym żądaniem, zwykle używane do sesji i uwierzytelniania.

Przykład użycia LocalStorage:

localStorage.setItem('user', JSON.stringify({name: 'Иван', age: 30}));
const user = JSON.parse(localStorage.getItem('user'));
console.log(user.name); // Иван