starters-dev / react-native-navigation-mobx-boilerplate

👈check that one ⠀⠀⠀⠀ 👽 React Native Navigation + MobX Boilerplate 👽

Archived in favour of kanzitelli/react-native-navigation-starter

kanzitelli/react-native-navigation-starter is using React Native Navigation v3 with MobX-State-Tree and Redux (pick one) and more goodies inside. So this is your case, then check it out 😉

---

React Native Navigation + MobX (w/ Provider) Boilerplate 👽

A simple boilerplate based on MobX (w/ Provider) instead of Redux and wix/react-native-navigation.

What's inside

• Tab Based App.
• Drawer. [for iOS] It supports .push({...})s for the first tab through MobX: Stores.App.rootNavigator.push({...}). You can change .rootNavigator in any component. (based on this issue)
• Simple auth flow. For example, If you are not logged in (see Account store), the app opens a modal with text inputs.
• MobX Provider. Now all components can use @inject('App', 'Counter', ...) for accessing stores through const { App, Counter } = this.props;. (based on this comment).
• In a new version, structure of the project is more organized 👌

What's in package.json

• react '16.0.0-alpha.12'
• react-native '0.46.1'
• react-native-navigation '1.1.134'
• mobx '^3.1.15'
• mobx-persist '^0.3.3'
• mobx-react '^4.2.1'
• flow-bin '^0.47.0'

Installation

1. Clone this repo: git clone https://github.com/kanzitelli/react-native-navigation-mobx-boilerplate.git
2. Install node modules: cd react-native-navigation-mobx-boilerplate && yarn install. Make sure yarn is installed on your machine.
3. Rename application using react-native-rename if needed.
4. react-native run-ios or react-native run-android (if you have any errors while building the project for iOS, remove the ios/build directory or visit facebook/react-native/issues/7308 for more information).
5. Enjoy :)

Thanks to @megahertz for sharing the gist that shows how to create a mobx Provider which can be used with RNN.