育知同创-中国HTML5培训、Java培训高品质教育品牌

加入收藏 关于我们 咨询电话:010-82583705
北京
其他分校: 北京校区 深圳校区

▶ 您现在的位置:首页 > 行业动态 > [技术文章]“优购网” With React Native and Redux

[技术文章]“优购网” With React Native and Redux

时间:2016-10-20 17:28:29  来源:育知同创  作者:育知

  • 感谢徐小鸿童鞋的开源,开源地址:https://github.com/JasonStu/ReactNative_Shopping 基于ReactNative和Redux实现了电商类APP,持续更新,希望一起学习讨论.

    1.这个app 主要使用Redux 结合所学的结合一些开源第三方实现!主要对购物车功能实现了实时监控!
    2.多个UI界面的搭建,实现实时更变内容,后面会实时更新大家可以关注一下
    3.使用大量模块封装使得,页面能重用!
    暂时只适配iOS 后期会持续更新适配安卓 (如果暂时想适配安卓的可切换注释 TabBarView.js 的代码,基本能运行 效果比较差)
     
    完成功能
    (1)首页
    (2)分类页面
    (3)购物车完整功能
    (4)个人页面
    (5)性能优化
    (6)运行截图
     
    项目截图
     
    1.jpg
     
     
    运行
    $ 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"
     
    2.jpg
     
     
    相关文章

    [技术文章]3分钟搞定React/RN之状态机原理

    [技术文章]The issues of Inter X86 HAXM (安卓 模拟器)

    [技术文章]React Native开源项目-“厕所在哪”





上一篇:[技术文章]YZNode ReactNative开源项目

下一篇:[技术文章]GitHub 2016 年度开源项目报告都讲了什么?


开班信息

Copyright 2016 北京育知同创科技有限公司 京ICP备16004053号