@kravc/mobx-create-store

MobX create store helper for react native.

Usage Example

1npm i --save @kravc/mobx-create-store
2npm i --save @react-native-async-storage/async-storage

Define store class:

1import AsyncStorage    from '@react-native-async-storage/async-storage'
2import { createStore } from '@kravc/mobx-create-store'
3
4const observables = {
5  lastName:  '',
6  firstName: ''
7}
8
9class ProfileStore extends createStore(AsyncStorage, '@profile_v1', observables) {
10}
11
12export default ProfileStore

Initialize store via useStore hook:

1import React from 'react'
2import { useStore, observer } from '@kravc/mobx-create-store'
3
4import ProfileStore from './ProfileStore'
5
6const App = function () {
7  const [ store ] = useStore(ProfileStore)
8
9  const isLoading = !store
10
11  if (isLoading) {
12    return null
13  }
14
15  return (
16    <View store={store} />
17  )
18}
19
20export default observer(App)

Check out interface for more usage examples.