1.3.3 • Published 2 years ago

react-native-sticky-state v1.3.3

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

react-native-sticky-state

Custom hook to persist React Native state using AsyncStorage

If you're looking to persist React state, check out use-sticky-state

⚙️ Installation

In your react-native project folder, run:

npm i react-native-sticky-state --save

💻 Example

import useStickyState from "react-native-sticky-state";

const App = () => {
  const [count, setCount] = useStickyState(0, -1, "count");

  return (
    <View>
      <Button onPress={() => setCount(count + 1)}>
        <Text>Increment</Text>
      </Button>

      <Text>{count === -1 ? "loading..." : count}</Text>
    </View>
  );
};

📚 Usage

const [state, setState] = useStickyState(defaultValue, loadingValue, storageKey);
PropertyDescription
defaultValueThe default value used if storageKey was not previously set
loadingValueThe value temporarily used while waiting for useStickyState() to asynchronously grab previous value, can be the same as defaultValue
storageKeyUnique string key used to persist data, using AsyncStorage package