Database & Caching

📄️ Overview

Database and caching in frontend system design means storing, reusing, and organizing data across different layers of the application.

localStorage is a browser storage mechanism used to store data persistently on the user's device.

sessionStorage is a browser storage mechanism used to store data for the duration of a page session.

A cookie is a small piece of data stored by the browser and sent back to the server with later HTTP requests.

IndexedDB is a browser database used to store large amounts of structured data on the client side.

Normalisation is the process of organizing data to reduce duplication and improve data integrity.

HTTP caching stores a response for a request and reuses that stored response for later matching requests.

Service worker caching means using a service worker to intercept network requests and serve cached resources when available.

API caching means storing API responses in memory so the app does not need to fetch the same data from the server repeatedly.

State management means organizing the data that changes over time and controls how the UI behaves.

Types of state management refer to different tools and patterns used to manage application state across frontend frameworks.