美文网首页应用程序源码(android,iOS,WindowsPhone)开源APP
高仿美团客户端 React-Native版,支持iOS、Andr

高仿美团客户端 React-Native版,支持iOS、Andr

作者: e5497a4bf107 | 来源:发表于2017-04-25 09:50 被阅读86次

美团客户端

支持: Android 4.1 (API 16)+ IOS(8.0+)

Github:https://github.com/huanxsd/MeiTuan

简书:http://www.jianshu.com/p/9211f42d5c25

Android截图

简介

这是一个用React-Native写的美团客户端。

使用了React-Native 0.42版本。遵循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-native-router-flux实现。这是一个非常牛逼的库,可以实现很多自定义的跳转功能。

App中很多页面都使用了同一个网络接口,这不是为了让代码更加简洁,仅仅是我偷懒 >.<

相关文章

网友评论

    本文标题:高仿美团客户端 React-Native版,支持iOS、Andr

    本文链接:https://www.haomeiwen.com/subject/zromzttx.html