How shipt/osmosis works
Osmosis is a lightweight React state-management library. An application supplies a custom hook to setupStore, then wraps components with the generated provider and reads the store through its context hook; StoreProvider can compose multiple providers. Separately, usePersistedState loads and saves values through configured storage methods, with optional transformers. The graph reflects the sampled runtime source; storage implementations and consumer applications are supplied externally.
Main entry points: setupStore.js Store setup · storeProvider.js Provider composer · usePersistedState.js Persisted state hook · index.js Library exports
Components 10
Other components
- React application
- Library exports
osmosis/src/index.js - Store setup
osmosis/src/setupStore.js - Custom store hook
- Provider composer
osmosis/src/storeProvider.js - Wrapped components
- Store context
osmosis/src/setupStore.js - Persisted state hook
osmosis/src/usePersistedState.js - Storage adapter
- Value transformers
Connections 11
- React application → Library exports: imports
- React application → Store setup: configures
- Store setup → Custom store hook: invokes
- React application → Provider composer: composes
- Provider composer → Wrapped components: wraps
- Provider composer → Store setup: dispatches providers
- Wrapped components → Store context: reads context
- Store setup → Store context: provides store
- React application → Persisted state hook: configures storage
- Persisted state hook → Storage adapter: loads and saves
- Persisted state hook → Value transformers: transforms values