Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
zustand-persist
Advanced tools
Readme
Persist and rehydrate state works on react and react native.
Zustand is a small, fast and scaleable bearbones state-management solution.
This library is inspired by https://github.com/rt2zz/redux-persist.
Contributions are Welcome
$ npm install zustand-persist
$ yarn add zustand-persist
Try Demo Here
// if in react native
// import AsyncStorage from '@react-native-community/async-storage'
const { persist, purge } = configurePersist({
storage: localStorage, // use `AsyncStorage` in react native
rootKey: 'root', // optional, default value is `root`
})
const useStore = createStore(
persist({
key: 'auth', // required, child key of storage
allowlist: ['isAuthenticated', 'user'], // optional, will save everything if allowlist is undefined
denylist: [], // optional, if allowlist set, denylist will be ignored
}, (set) => ({
isAuthenticating: false,
isAuthenticated: false,
user: undefined,
login: async (username, password) =>{
set((state) => ({ isAuthenticating: true }))
const { user } = await webLogin(username, password)
set((state) => ({
isAuthenticated: true,
isAuthenticating: false,
user,
})),
}
}))
)
function App() {
// Must call useStore to bootstrap persistence or will stop on loading screen
useStore()
return (
<PersistGate
onBeforeLift={() => {
console.log('onBeforeLift')
}}
loading={<Loading />}>
<AppContent />
</PersistGate>
)
}
Zustand allows any valid JavaScript data types to set in the store, such as Set, Map, or functions. Both localStorage
and AsyncStorage
require that all values set in them be serializable, or converted into string form for storage. This means if you wish to persist the contents of your store all of its values need to be serializable. Any values which are not serializable will be silently absent upon hydration.
A note on storing actions (functions): your actions are safe as long as they exist in the initial state during store creation. The hydration process merges initial state with stored state.
FAQs
persist and rehydrate redux stores
The npm package zustand-persist receives a total of 2,599 weekly downloads. As such, zustand-persist popularity was classified as popular.
We found that zustand-persist demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.