React Native开源项目-仿美团客户端(Android、iOS双适配)
2017-05-06 15:26
417 查看
简介
这是一个用React-Native写的美团客户端。
@huanxsd开发的基于React-Native实现的仿美团客户端,开源地址:https://github.com/huanxsd/MeiTuan
欢迎大家star,fork....
本开源项目由江清清的技术专栏整理(http://www.lcode.org/)
使用了React-Native 0.44.0版本。遵循ES6语法。
主要实现了美团的四个一级页面(团购、附近、订单、我的),以及部分二级页面(团购详情、Web页面)。
所有功能都是用JavaScript写的,iOS和Android的代码复用率达到了97%(别问我这个数字怎么来的,我瞎掰的)。
这个Demo的静态类型检查工具使用了Facebook的Flow。它让我写JavaScript的时候,更有安全感。个人觉得可以用两个字形容这个工具,那就是:灰常牛逼!
我试着让这个Demo的结构尽量接近实际项目,同时使用比较简单方式去实现功能。这样可以让刚接触ReactNative的人(比如我自己...)更够容易理解代码。
该项目没有使用Redux。因为个人觉得目前大部分的中小型App并不需要Redux。如果盲目的将Redux添加到项目中,并不能带来太多的益处。
鲁迅曾说过:
"如果你不知道是否需要 Redux,那就是不需要它。"
Redux的作者 Dan Abramov 说过:
"只有遇到 React 实在解决不了的问题,你才需要 Redux 。"
哦,另外一个没有用Redux的原因,是我还不太会用。
App的页面跳转、TabBar、Navigation,全部通过react-navigation实现。这是一个非常牛逼的库,可以实现很多自定义的跳转功能。最早是通过react-native-router-flux实现跳转。在遇见react-navigation后,我果断放弃了react-native-router-flux。
App中很多页面都使用了同一个网络接口,这不是为了让代码更加简洁,仅仅是我偷懒 >.<
React Native交流10群:157867561,欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!
项目中使用到的第三方库依赖信息如下:
1.react-navigation(https://github.com/react-community/react-navigation)
2.react-native-scrollable-tab-view(https://github.com/skv-headless/react-native-scrollable-tab-view)
安装运行
git clone https://github.com/huanxsd/MeiTuan.git
cd MeiTuan
npm install (npm v3+)
react-native run-ios or react-native run-android
运行截图
相关文章推荐
- React Native开源项目-稀土掘金客户端(Android、iOS双适配)
- Android 开源项目 eoe 社区 Android 客户端
- 【开源项目】编程博客Android客户端——CodeBlog
- 如何使用Github参与开源项目(以eoe的Android客户端为例)
- 学习Android开源项目-根据知乎日报API分析重构一个简单的知乎日报Android客户端
- React Native开源项目-嘎嘎商城客户端(持续更新中)
- 开源项目之Android async-http(异步 HTTP 客户端开发包)
- 开源的新浪微博 Android 客户端:Aisen源码项目
- 实验:android案例——新闻客户端(使用开源项目AsyncHttpClient和SmartImageView)
- 玩Android客户端,一款Android开源小项目
- React Native开源项目-嘎嘎商城客户端(持续更新中)
- Android 开源项目 eoe 社区 Android 客户端(转)
- 基于Github参与开源项目指南(以eoe的Android客户端为例)
- 开源项目之Android async-http(异步 HTTP 客户端开发包)
- Android 开源项目
- Android 开源项目列表
- 10个值得深入的Android应用开源项目
- Android开发者应该深入学习的10个开源应用项目_IT新闻_博客园
- Android开发者必须深入学习的10个应用开源项目
- Android开发者必须深入学习的10个应用开源项目