All Projects → shooterRao → React Native Fruitstore

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.

Programming Languages

javascript
184084 projects - #8 most used programming language

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
dashboard
📺🐝OpenPitrix UI
Stars: ✭ 29 (-90.27%)
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-with-mobx-template
project template-react&&mobx
Stars: ✭ 15 (-94.97%)
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
react-pits
React 中的坑
Stars: ✭ 29 (-90.27%)
Mutual labels:  mobx
tinylog-ui
实时日志分析系统后台数据管理系统
Stars: ✭ 45 (-84.9%)
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
mobx-collection-store
Data collection store for MobX
Stars: ✭ 36 (-87.92%)
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
fetchx
Beautiful way to fetch data in React
Stars: ✭ 71 (-76.17%)
Mutual labels:  mobx
react-douban
A React project
Stars: ✭ 21 (-92.95%)
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 增加)

效果演示

设备支持

show

总体效果

begin

操作商品效果

state

购物流程效果

buy

参考文档

mobX文档

react-navigation

UI参考于这款微信小程序wxapp-mall

License

MIT

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].