react-osh
simple react state manager based on observer-util. 'osh' means Observable State-manager with Hooks
react-state-easy seems to be not maintained anymore, so I create this one instead.
Introduction
react-osh is based on @nx-js/observer-util. it provides below apis:
createStore
for creating global shared storeuseLocalStore
for creating local store inside functional componentview
for wrapping components to make them observe store changescomputed
for wrapping a function to computed value getter. similar toReact.useMemo
but don't need to specific dependencies manually and can be used outside components
Installation
npm install react-osh
or
yarn add react-osh
Usage:
import * as React from 'react'import createStore useLocalStore view from 'react-osh' const shared = /** * set second argument to false means don't wrap getters to computed values. * these getters will be called during every render */const rawGetters = const FooComp =
Limitation
- ONLY SUPPORT Functional Component.
- based on es6 Proxy so don't support IE
- can't use a computed value inside another