Skip to content
This repository has been archived by the owner on Dec 3, 2019. It is now read-only.

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

Notifications You must be signed in to change notification settings

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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