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);

Property	Description
defaultValue	The default value used if storageKey was not previously set
loadingValue	The value temporarily used while waiting for useStickyState() to asynchronously grab previous value, can be the same as defaultValue
storageKey	Unique string key used to persist data, using AsyncStorage package