awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
donavon avatar

donavon/use-persisted-state

0
View on GitHub↗
1,372 stars·93 forks·JavaScript·MIT·14 views

Use Persisted State

Use-persisted-state is a React hook library that persists component state in browser storage and synchronizes updates across multiple tabs and windows. It extends standard component state management by automatically saving values to browser storage providers on every state update, ensuring user data survives page reloads and browser sessions.

The library supports cross-component state sharing by linking multiple distinct component instances to a single storage key so they share and update identical data. It provides factory-generated hook instances that create isolated state functions bound to specific storage backends and serialization strategies, along with custom storage engine adapters that abstract underlying persistence mechanisms behind a generic storage interface.

Features

  • Storage Persistence Hooks - Extends standard component state management by transparently persisting values to browser storage providers on every state update.
  • Browser Storage Persistence - Save component state to local browser storage so data remains available after closing or reloading the page.
  • Browser Local Storage Management - Storing component state in local browser storage so user data survives page reloads and browser sessions.
  • Storage Event Synchronization - Broadcasts state mutations across independent browser windows using storage event listeners to keep multiple open tabs synchronized in real time.
  • Cross-Window State Synchronizations - Broadcast state updates across multiple browser tabs and windows so all instances stay automatically aligned.
  • Persisted Storage State Hooks - Provides a custom React hook that persists component state in browser storage and synchronizes updates across multiple tabs and windows.
  • Cross-Tab Synchronization - Broadcast state changes across open tabs and windows in real time so multiple views stay perfectly aligned.
  • Storage Backend Adapters - Abstracts underlying data persistence mechanisms behind a generic storage interface to support different web storage backends interchangeably.
  • Stateful Function Factories - Creates isolated state hook functions bound to specific storage backends and serialization strategies through a factory pattern initialization function.
  • Component Context Sharing - Link multiple hooks to a single storage key so separate components on the same page share the exact same state.
  • React Hooks - Provides a utility hook that links multiple component instances to a shared underlying storage key for synchronized data flow.
  • State Management Libraries - Provides a custom hook that persists component state in browser storage and synchronizes updates across multiple tabs and windows.

Star history

Star history chart for donavon/use-persisted-stateStar history chart for donavon/use-persisted-state

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does donavon/use-persisted-state do?

Use-persisted-state is a React hook library that persists component state in browser storage and synchronizes updates across multiple tabs and windows. It extends standard component state management by automatically saving values to browser storage providers on every state update, ensuring user data survives page reloads and browser sessions.

What are the main features of donavon/use-persisted-state?

The main features of donavon/use-persisted-state are: Storage Persistence Hooks, Browser Storage Persistence, Browser Local Storage Management, Storage Event Synchronization, Cross-Window State Synchronizations, Persisted Storage State Hooks, Cross-Tab Synchronization, Storage Backend Adapters.

Which projects share features with donavon/use-persisted-state?

Projects with overlapping indexed features include: astoilkov/use-local-storage-state — This project provides a React hook for synchronizing component state with browser storage, ensuring data persists… beekai-oss/little-state-machine — Little State Machine is a lightweight state management library for React applications that provides a centralized data… dai-shi/use-context-selector — Use context selector is a state management library that allows applications to share state across component trees… bgstaal/multiplewindow3dscene — This project is a cross-window 3D visualization system that maintains a consistent scene state across multiple open… juliencrn/usehooks-ts — usehooks-ts is a comprehensive collection of reusable TypeScript-based hooks designed for managing state, DOM events,… antonioru/beautiful-react-hooks — This project is a collection of reusable React hooks designed to wrap browser APIs, manage state persistence, and…

Projects sharing features with Use Persisted State

These projects share indexed features with Use Persisted State. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • astoilkov/use-local-storage-stateastoilkov avatar

    astoilkov/use-local-storage-state

    1,224View on GitHub↗

    This project provides a React hook for synchronizing component state with browser storage, ensuring data persists across page reloads and browser sessions. It is designed to manage persistent application state while providing hydration-safe initialization to prevent mismatches during the transition from server-side rendering to client-side execution. The library distinguishes itself by including a fallback manager that detects when browser storage is inaccessible, automatically switching to an in-memory state to maintain application continuity. It also supports cross-tab synchronization by li

    TypeScripthooklocalstoragepersistent
    View on GitHub↗1,224
  • beekai-oss/little-state-machinebeekai-oss avatar

    beekai-oss/little-state-machine

    1,540View on GitHub↗

    Little State Machine is a lightweight state management library for React applications that provides a centralized data store for managing shared application information. It utilizes a context-based provider pattern to distribute state across the component tree, ensuring consistent data access without the need for manual property drilling. The library distinguishes itself through built-in support for automatic browser storage persistence, which synchronizes the in-memory state with local or session storage to maintain data continuity across page refreshes. It also incorporates middleware-drive

    TypeScriptfluxreactreact-hooks
    View on GitHub↗1,540
dai-shi/use-context-selectordai-shi avatar

dai-shi/use-context-selector

2,953View on GitHub↗

Use context selector is a state management library that allows applications to share state across component trees without prop drilling or unnecessary re-renders. It provides a specialized React context creation mechanism alongside hooks for reading targeted context slices, ensuring that components update only when their specific data changes. The library features granular dependency tracking and selector-based subscriptions to prevent sluggish rendering caused by broad state updates. It also includes cross-root context bridging to connect isolated component trees under a single provider and

TypeScriptcustom-hookreactreact-context
View on GitHub↗2,953
  • bgstaal/multiplewindow3dscenebgstaal avatar

    bgstaal/multipleWindow3dScene

    18,960View on GitHub↗

    This project is a cross-window 3D visualization system that maintains a consistent scene state across multiple open browser instances. It utilizes a local storage state synchronizer to share real-time application data between different browser tabs. The system coordinates Three.js environments by syncing the internal scene graph, camera angles, and object positions. It achieves this through event-driven state propagation, allowing updates in one window to be reflected in all others without a dedicated backend server. The implementation includes window lifecycle management to track the creati

    JavaScript
    View on GitHub↗18,960
  • Compare all 30 related projects→

    Curated searches featuring Use Persisted State

    Hand-picked collections where Use Persisted State appears.
    • Client-side key-value stores
    • a library of custom React hooks