1.0.0-beta.7 • Published 2 years ago
react-native-persist-state v1.0.0-beta.7
react-native-persist-state
✨ Manage persist state with simple API
- Shared state across components using Hook
- Ability to access state outside of components
- Fully tested and written in TypeScript
API Overview
// 1. Create a store
const store = createPersisStore<string | null>({
key: 'authToken',
initialData: null,
})
// 2. Use the store inside components
function HomeScreen() {
const [authToken, setAuthToken] = usePersistState(store)
if (authToken == null) {
return <Login onSucess={setAuthToken} />
}
return <Home />
}
// 3. Access the store outside of components
function request() {
...
if (response.statusCode === 401) {
authTokenStore.remove()
}
}
Installation
npm install react-native-persist-state
# Used as peer dependencies
npm install recoil react-native-async-storage/async-storage
Setting Up
// Add RecoilRoot and Suspense into your root component
import { RecoilRoot } from "recoil";
import { Suspense } from "react";
function App() {
return (
<RecoilRoot>
<Suspense>
<MyApp />
</Suspense>
</RecoilRoot>
)
}
1.0.0-beta.3
2 years ago
1.0.0-beta.4
2 years ago
1.0.0-beta.5
2 years ago
1.0.0-beta.6
2 years ago
1.0.0-beta.7
2 years ago
0.0.4
2 years ago
0.0.3
3 years ago
1.0.0-beta.2
3 years ago
0.0.3-beta.0
3 years ago
1.0.0-beta.0
3 years ago
0.0.3-beta
3 years ago
1.0.0-beta.1
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago