Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Dec 3, 2019. It is now read-only.

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

Repository files navigation

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.

About

πŸ‘ˆcheck that one β €β €β €β € πŸ‘½ React Native Navigation + MobX Boilerplate πŸ‘½

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /