shooterRao / React Native Fruitstore
Licence: mit
用react-native+mobx开发一个简单的迷你水果商城,支持ios和android。Use react-native + mobx to develop a simple mini fruit mall that supports ios and android.
Stars: ✭ 298
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Fruitstore
react-mobx-router5
React components for routing solution using router5 and mobx
Stars: ✭ 58 (-80.54%)
Mutual labels: mobx
Usm
🏖 A concise & flexible state model for Redux/MobX/Vuex, etc.
Stars: ✭ 270 (-9.4%)
Mutual labels: mobx
mobx
Код учебного курса “MobX & React” на YouTube-канале webDev (https://tinyurl.com/vt3tk6vy)
Stars: ✭ 23 (-92.28%)
Mutual labels: mobx
mobx-form
Declarative, complex forms with Mobx/React with lots of dynamic/imperative hooks
Stars: ✭ 29 (-90.27%)
Mutual labels: mobx
web-starter-kit
An opinionated starter kit with styled-system, graphql-hooks, mobx and nextjs (PWA)
Stars: ✭ 17 (-94.3%)
Mutual labels: mobx
React Native Firebase Starter
The ultimate React Native starter using Firebase, Mobx, CodePush, OneSignal made with ♥
Stars: ✭ 289 (-3.02%)
Mutual labels: mobx
react-native-mobx-feathers
A basic App using react-navigation + mobx + feathers
Stars: ✭ 31 (-89.6%)
Mutual labels: mobx
micro-observables
A simple Observable library that can be used for easy state management in React applications.
Stars: ✭ 78 (-73.83%)
Mutual labels: mobx
react-mobx-router4-axios
react + less + webapck config + mobx(store)+ axios + router4
Stars: ✭ 24 (-91.95%)
Mutual labels: mobx
Mobx Keystone
A MobX powered state management solution based on data trees with first class support for Typescript, support for snapshots, patches and much more
Stars: ✭ 284 (-4.7%)
Mutual labels: mobx
React Coat
Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
Stars: ✭ 290 (-2.68%)
Mutual labels: mobx
Ts React Webpack
a starter-template with typescript, react, mobx and webpack...
Stars: ✭ 287 (-3.69%)
Mutual labels: mobx
kami
🍰 Kami is mx-space's web frontend theme. Cute and lovely.
Stars: ✭ 92 (-69.13%)
Mutual labels: mobx
React-Native+Mobx开发一个简单的水果商城App
2018-12-15 更新
最近抽空把这项目的核心依赖全部升级了,具体更新如下:
- react-native(0.57.7)
- react-navigation(3.0.7)
- mobX(5.7.0)
- mobX-react(5.4.2)
- 引入eslint、prettier
- iphonexs等比较新的设备的支持
- 根据react-navigation新的api重写路由
- 优化购物车mobX状态管理逻辑
如果您对此项目感兴趣,可以点Star支持下,非常感谢!(๑•̀ㅂ•́)و✧
项目运行
git clone https://github.com/shooterRao/react-native-fruitStore.git 或者直接下载
cd react-native-fruitStore
yarn
android: react-native run-android
ios: react-native run-ios
实现功能
- 商品预览
- 加入购物车
- 商品的增删查改
- 模拟支付
- 清空购物车,还原商品初始状态
- 模拟下拉加载
- 页面的跳转和传值
- 查看订单列表(2018/1/8 增加)
效果演示
设备支持
总体效果
操作商品效果
购物流程效果
参考文档
UI参考于这款微信小程序wxapp-mall
License
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].