What are the ways to store data in a browser?

Several methods are available in the browser for data storage:

1. Cookies — small pieces of data sent with each HTTP request. Suitable for session storage but limited in size (~4KB).

2. LocalStorage — key-value storage that retains data without expiration, accessible only on the client side, with a size limit of about 5-10 MB.

3. SessionStorage — similar to LocalStorage, but data persists only within a single session (while the tab is open).

4. IndexedDB — a more powerful database in the browser that allows storing structured data, supports transactions, and handles large volumes.

5. Cache Storage — used for storing HTTP responses, aiding in the implementation of offline-first applications.

Example of using LocalStorage:

localStorage.setItem('username', 'Ivan');
const user = localStorage.getItem('username');

The choice of method depends on the data volume, structural needs, and data lifespan.