Local storage

As explained in Web Components in Action

Local storage is a browser-provided, origin-scoped key-value storage mechanism whose values are strings and can persist across browser sessions.

How Web Components in Action covers it

How deep it goes

Demonstrates string storage, origin-scoped keys, JSON serialization, enumeration, saving, loading, and clearing.

Examples

Uses string key-value snippets and a workout planner that saves, loads, lists, edits, and clears personal routines.

What you can do after

Operate local storage through setItem, getItem, Object.keys, JSON.stringify, and JSON.parse.

How it connects

Connects browser storage with data models, JSON serialization, UI event listeners, and workout-plan state.

liveBookmanning.com

Read Web Components in Action on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  React Hooks in Action: With Suspense and Concurrent ModeLocal storage is a browser-provided key-value storage mechanism that persists string data across page visits.

Compare how 2 books explain local storage →

Related concepts

• cookiealternative to · An HTTP cookie is a small piece of data that a server asks a user agent to store and return with subsequent requests within its scope.
• browser developer toolsused by · A suite of browser-integrated utilities for inspecting, debugging, testing, profiling, and analyzing web pages, applications, and browser-executed code.
• notificationused by · A notification is a message or signal delivered to one or more recipients to communicate an event, change, status, condition, alert, or requested action.
• useEffectused by · useEffect is a React Hook that runs effect logic after rendering to synchronize a component with external systems and optionally perform cleanup.

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.