1 Star 0 Fork 1

borl / MeiTuan

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

MeiTuan App Write In latest React-Native(0.62.2)

视频教程

现已推出全套视频教程,从创建工程讲起,一行一行编写代码,直至完成整个项目。

腾讯课堂

网易课堂

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

screen shot for iOS

screen shot for Android

Setup

  1. Clone the repo
$ git clone https://github.com/huanxsd/MeiTuan.git
$ cd MeiTuan
  1. Install dependencies (npm v3+):
$ npm install
$ cd ios && pod install && cd ..
  1. Running on iOS:
$ yarn react-native run-ios

Troubleshooting

Could not connect to development server

In a separate terminal window run:

$ react-native start

Dependency

Contact

If you have any suggestions, leave a message here 简书

At last

If you like this project, please give me a star :)

高仿美团客户端 React-Native版(0.62.2)

简介

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

使用了React-Native 0.62.2版本。遵循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中很多页面都使用了同一个网络接口,这不是为了让代码更加简洁,仅仅是我偷懒 >.<

第三方依赖

安装

  1. Clone the repo
$ git clone https://github.com/huanxsd/MeiTuan.git
$ cd MeiTuan
  1. Install dependencies (npm v3+)
$ npm install
$ cd ios && pod install && cd ..
  1. Running on iOS
$ yarn react-native run-ios

常见问题

Could not connect to development server

打开新的terminal窗口,并执行:

$ react-native start

瞎扯蛋

我之前一直在写Objective-C,但不久前看了ES6的语法和Flex布局方式后,我便马上爱上了这种开发方式。

这个Demo花了大概5天时间,是我的第一个ReactNative项目。

如果对这个Demo有任何的意见或建议,或者喜欢ReactNative的朋友,欢迎在下方留言。我会在第一时间回复 :)

另外,不要问我为什么英文说明那么点,中文说明这么多。怪英语老师咯

License

MIT

最后

如果你喜欢这个Demo,请给我一个star :)

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

我将持续更新这个Demo

如果对这个Demo有任何疑问,欢迎加入我们的大家庭

ReactNative开发者群二维码.png

MIT License Copyright (c) 2017 Suteki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

MeiTuan App Write In latest React-Native(0.62.2) 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/borl/MeiTuan.git
git@gitee.com:borl/MeiTuan.git
borl
MeiTuan
MeiTuan
master

搜索帮助