kanzitelli / React Native Navigation Mobx Boilerplate
👈check that one ⠀⠀⠀⠀ 👽 React Native Navigation + MobX Boilerplate 👽
Stars: ✭ 76
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Navigation Mobx Boilerplate
Mobx React Connect
Connect react component, mobx store and css modules.
Stars: ✭ 13 (-82.89%)
Mutual labels: mobx
Mobx Isomorphic Starter
Clean isomorphic starter-kit using Mobx + React + React-router + Webpack
Stars: ✭ 59 (-22.37%)
Mutual labels: mobx
M Fe Boilerplates
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板
Stars: ✭ 877 (+1053.95%)
Mutual labels: mobx
Todo app open source
📱 an app to annotate tasks made with Flutter using MobX
Stars: ✭ 40 (-47.37%)
Mutual labels: mobx
React Mobx Demo
🔥 React, Mobx, and React-Router to achieve a Zhihu Daily App.
Stars: ✭ 59 (-22.37%)
Mutual labels: mobx
React App Example
Electron application example using React and MobX
Stars: ✭ 20 (-73.68%)
Mutual labels: mobx
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-30.26%)
Mutual labels: mobx
System dashboard
Boilerplate project - Cross-Platform System Dashboard using Flask, React, Mobx and Web-Workers
Stars: ✭ 13 (-82.89%)
Mutual labels: mobx
Reactnative Hackernews
A Hacker News client written in React Native
Stars: ✭ 60 (-21.05%)
Mutual labels: mobx
React Mobx React Router Boilerplate
A simple boilerplate based on create-react-app and add mobx, react-router, linter, prettier and so on. 一个简单的 react 脚手架依赖于 create-react-app 新增了 mobx react-router,linter,prettier 等。
Stars: ✭ 12 (-84.21%)
Mutual labels: mobx
Flutter Boilerplate Project
A boilerplate project created in flutter using MobX and Provider.
Stars: ✭ 1,194 (+1471.05%)
Mutual labels: mobx
kanzitelli/react-native-navigation-starter
Archived in favour ofkanzitelli/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 throughconst { 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
- Clone this repo:
git clone https://github.com/kanzitelli/react-native-navigation-mobx-boilerplate.git
- Install node modules:
cd react-native-navigation-mobx-boilerplate && yarn install
. Make sureyarn
is installed on your machine. - Rename application using react-native-rename if needed.
-
react-native run-ios
orreact-native run-android
(if you have any errors while building the project for iOS, remove theios/build
directory or visit facebook/react-native/issues/7308 for more information). - Enjoy :)
Thanks to @megahertz for sharing the gist that shows how to create a mobx Provider which can be used with RNN.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].