开源项目“优购网” With React Native and Redux
2017-03-11 19:18
666 查看
基于ReactNative和Redux实现了电商类APP,持续更新,希望一起学习讨论.
开源地址: https://github.com/JasonStu/ReactNative_Shopping
1.这个app 主要使用Redux 结合所学的结合一些开源第三方实现!主要对购物车功能实现了实时监控!
2.多个UI界面的搭建,实现实时更变内容,后面会实时更新大家可以关注一下
3.使用大量模块封装使得,页面能重用!
暂时只适配iOS 后期会持续更新适配安卓 (如果暂时想适配安卓的可切换注释 TabBarView.js 的代码,基本能运行 效果比较差)
首页
分类页面
购物车完整功能
个人页面
性能优化
开源地址: https://github.com/JasonStu/ReactNative_Shopping
1.这个app 主要使用Redux 结合所学的结合一些开源第三方实现!主要对购物车功能实现了实时监控!
2.多个UI界面的搭建,实现实时更变内容,后面会实时更新大家可以关注一下
3.使用大量模块封装使得,页面能重用!
暂时只适配iOS 后期会持续更新适配安卓 (如果暂时想适配安卓的可切换注释 TabBarView.js 的代码,基本能运行 效果比较差)
完成功能
首页分类页面
购物车完整功能
个人页面
性能优化
运行截图
运行
$ git clone https://github.com/JasonStu/ReactNative_Shopping.git $ cd ReactNative_Shopping $ npm install $ react-native run-ios
相关依赖
"dependencies": { "react": "15.2.1", "react-native": "0.31.0", "react-native-nav": "^1.1.4", "react-native-scrollable-tab-view": "^0.5.3", "react-native-swiper": "^1.4.4", "react-native-tab-navigator": "^0.3.2", "react-native-vector-icons": "^2.0.3", "react-redux": "^4.4.5", "redux": "^3.5.2", "redux-logger": "^2.6.1", "redux-thunk": "^2.1.0" }
相关文章推荐
- React Native开源项目如何运行(附一波开源项目)
- 从零开始的Android新项目10 - React Native & Redux
- React Native开源项目-贷贷助手客户端
- 基于Redux的ReactNative项目开发总结(二)
- 推荐5个值得学习React Native的开源项目
- [转] 学习React Native必看的几个开源项目
- 开源项目GridViewWithHeaderAndFooter使用和源码分析
- 【React-Native】开源的入门项目 Solidot
- React Native开源项目 - 漫画书
- 基于Redux的ReactNative项目开发总结(一)
- React Native开源项目如何运行(附一波开源项目)
- React Native开源项目如何运行(附一波开源项目)
- 基于Redux的ReactNative项目开发总结(一)
- [React Native] Installing and Linking Modules with Native Code in React Native
- [转] 学习React Native必看的几个开源项目
- 基于Redux的ReactNative项目开发总结(二)
- 基于Redux的ReactNative项目开发总结(一)
- Facebook关于react-native开源项目
- 用react-native typescript redux 构建项目
- 推荐5个值得学习React Native的开源项目