Web Storage in React / Web Applications

Modern web apps need to store data on the client for:

• authentication
• preferences
• caching
• session continuity

The web platform provides three primary storage mechanisms:

1. Cookies
2. Session Storage
3. Local Storage

1️⃣ Cookies

What are Cookies?

Cookies are small pieces of data stored by the browser and sent to the server with every HTTP request.

They are the oldest storage mechanism on the web.

”Cookies in React are not a React feature — they are a browser + HTTP mechanism that React apps interact with.”

Size: 4096 KB

Key Characteristics