cover_image

分享 50 个完整的 React Native 项目

Cocoa开发者社区
2017年06月28日 04:45

以下文章来源于Marno ，作者Marno

Marno .

我是 Marno， 梦想成为一个有百万用户的独立开发者。 关注我，和我一起踏上百万用户的成长之旅。

图片

本文转自公众号:Marno，如转载请联系原作者授权。

文中链接无法跳转，点 阅读原文 可直接进行跳转



1
前言



先更正下，不然又有人要出来打假了。标题说是 50 个，但其实目前只有 43 个。那为啥标题非说 50 个？！可是如果叫《43 个完整.....》好像不太好听吧？嘿嘿~ 不过我是每个月 15 号左右去更新的，所以下个月肯定就超过 50 个了。


顺便说下，最近买了一个的域名：http://www.marno.cn 。不过暂时还没想好放什么内容，就先用 Github Pages 搭了一个简单的网站，链接到了我整理的 React Native 优秀开源项目大全上。


经常在微信群里看到有一些正在学习 RN 的朋友在问，有没有什么比较适合入门的完整项目来参考学习下，今天就把我自己收藏的一些项目推荐给大家。各种各样的算是比较全了，其中也有一些是上线了的项目。下面直奔主题↓↓↓



2
项目列表




01



项目名称：react-native-eyepetizer

项目地址：https://github.com/MarnoDev/react-native-eyepetizer

项目简介：模仿开眼3.1.2


截图预览▼

图片



02



项目名称：GitHubPopular

项目地址：https://github.com/crazycodeboy/GitHubPopular

项目简介：用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台


截图预览▼

图片



03



项目名称：react-native-dribbble-app

项目地址：https://github.com/catalinmiron/react-native-dribbble-app

项目简介：模仿国外设计师网站Dribbble做的客户端


截图预览▼

图片




04



项目名称：FinanceReactNative

项目地址：https://github.com/7kfpun/FinanceReactNative

项目简介：使用React Native做的金融证券股票类App


截图预览▼

图片



05



项目名称：react-native-nw-react-calculator

项目地址：https://github.com/benoitvallon/react-native-nw-react-calculator

项目简介：简洁美观的计算器


截图预览▼

图片



06



项目名称：30-days-of-react-native

项目地址：https://github.com/fangwei716/30-days-of-react-native

项目简介：30天学React Native的Demo App，结合作者源码，学React Native效果杠杆滴！


截图预览▼

图片




07



项目名称：react-native-sudoku

项目地址：https://github.com/nihgwu/react-native-sudoku

项目简介：用React Native写的数独游戏


截图预览▼

图片



08



项目名称：react-weather

项目地址：https://github.com/stage88/react-weather

项目简介：精致的天气类App


截图预览▼

图片



09



项目名称：hackerweb-native

项目地址：https://github.com/cheeaun/hackerweb-native

项目简介：简单的新闻类软件


截图预览▼

图片



10



项目名称：react-native-OneLess

项目地址：https://github.com/MIFind/react-native-OneLess

项目简介：使用React Native模仿ONE的App，完成度挺高


截图预览▼

图片



11



项目名称：JueJinClient

项目地址：https://github.com/wangdicoder/JueJinClient

项目简介：仿掘金客户端


截图预览▼

图片



12



项目名称：react-native-cnblogs

项目地址：https://github.com/togayther/react-native-cnblogs

项目简介：RN编写的博客园客户端


截图预览▼

图片



13



项目名称：shopping-react-native

项目地址：https://github.com/bigsui/shopping-react-native

项目简介：一个商城类的RN项目


截图预览▼

图片



14



项目名称：ZhiHuDaily-React-Native

项目地址：https://github.com/race604/ZhiHuDaily-React-Native

项目简介：仿知乎日报


截图预览▼

图片



15



项目名称：A-ReactNative-TesterHome

项目地址：https://github.com/qddegtya/A-ReactNative-TesterHome

项目简介：社区咨询类App


截图预览▼

图片



16



项目名称：im.js

项目地址：https://github.com/im-js/im.js

项目简介：一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat


截图预览▼

图片



17



项目名称：House

项目地址：https://github.com/DangrMiao/House

项目简介：用react native写的一个html5项目，由于时间关系，完成的比较粗糙，请多多指教，大神勿喷^_^


截图预览▼

图片



18



项目名称：Poplar

项目地址：https://github.com/lvwangbeta/Poplar

项目简介：A social networking application written by React Native


截图预览▼

图片



19



项目名称：HelloRN

项目地址：https://github.com/believeitcould/HelloRN

项目简介：适合入门学习的demo，适配android ios， 有网页、图片、音乐、地图等功能


截图预览▼

图片



20



项目名称：elm-react-native

项目地址：https://github.com/stoneWeb/elm-react-native

项目简介：RN写的饿了么，还原度相当高，实现了各类动效，高度推荐


截图预览▼

图片



21



项目名称：BIGTIGER.ME

项目地址：https://github.com/liujinyang1994/BIGTIGER.ME

项目简介：一个使用React Native制作的个人博客客户端，已上架App Store



22



项目名称：RNMars

项目地址：https://github.com/yinmazuo/RNMars

项目简介：React-Native写的V2EX社区App


截图预览▼

图片



23



项目名称：zqc-app-demo

项目地址：https://github.com/jaggerwang/zqc-app-demo

项目简介：在球场App，已上线


截图预览▼

图片



24



项目名称：react-native-quan

项目地址：https://github.com/gongchao/react-native-quan

项目简介：很简单的RN新闻应用


截图预览▼

图片



25



项目名称：YCool

项目地址：https://github.com/dlyt/YCool

项目简介：小说阅读APP


截图预览▼

图片



26



项目名称：SnapChat

项目地址：https://github.com/VctrySam/SnapChat

项目简介：（VctrySam）仿 SnapChat，国外一哥们VctrySam，用RN仿写了国外几个比较流行的App，后面几个都是他写的


截图预览▼

图片



27



项目名称：Tinder

项目地址：https://github.com/VctrySam/Tinder

项目简介：仿 Tinder,国外的探探


截图预览▼

图片



28



项目名称：AirBnb

项目地址：https://github.com/VctrySam/AirBnb

项目简介：（VctrySam）仿 Airbnb


截图预览▼

图片



29



项目名称：whatsapp

项目地址：https://github.com/VctrySam/whatsapp

项目简介：（VctrySam）仿 whatsapp


截图预览▼

图片




30



项目名称：Over18s

项目地址：https://github.com/VctrySam/Over18s

项目简介：VctrySam）仿 Over18s。别问我，我也不知道这是什么软件



31



项目名称：hackathon1

项目地址：https://github.com/VctrySam/hackathon1

项目简介：（VctrySam）仿 hackathon1


截图预览▼

图片



32



项目名称：TicTacToe

项目地址：https://github.com/VctrySam/TicTacToe

项目简介：（VctrySam）仿 TicTacToe



33



项目名称：DragonBall

项目地址：https://github.com/VctrySam/DragonBall

项目简介：（VctrySam）一个游戏


截图预览▼

图片



34



项目名称：game1

项目地址：https://github.com/VctrySam/game1

项目简介：（VctrySam）仿 game1



35



项目名称：Youtube

项目地址：https://github.com/VctrySam/Youtube

项目简介：（VctrySam）仿 Youtube


截图预览▼

图片



36



项目名称：do-app

项目地址：https://github.com/VctrySam/do-app

项目简介：（VctrySam）待办事项清单App



37



项目名称：Twitter

项目地址：https://github.com/VctrySam/Twitter

项目简介：（VctrySam）仿 Twitter


截图预览▼

图片



38



项目名称：FCBarca

项目地址：https://github.com/VctrySam/FCBarca

项目简介：（VctrySam）仿 FCBarca


截图预览▼

图片



39



项目名称：Slacker

项目地址：https://github.com/VctrySam/Slacker

项目简介：（VctrySam）仿 Slacker


截图预览▼

图片



41



项目名称：react-conf-app

项目地址：https://github.com/cem2ran/react-conf-app

项目简介：React Conf 2017 Companion App


截图预览▼

图片



42



项目名称：Mister-Poster

项目地址：https://github.com/shoumma/Mister-Poster

项目简介：用到了 RN+Redux+Redux Storage+Firebase 的一个开源项目


截图预览▼

图片



43



项目名称：surmon.me.native

项目地址：https://github.com/surmon-china/surmon.me.native

项目简介：一个非常适合入门学习的react-native项目，有借鉴自其他种子项目的组织方式，代码清晰、结构合理


截图预览▼

图片




推荐阅读

◆ 使用 template 创建 React Native 应用更省时间

◆ 【0.43.0 RC】React Native 中文更新日志

◆ 更快速的 React Native 应用开发之道

◆ Android快速实现地图功能（不仅快！而且小）


图片

继续滑动看下一个
Cocoa开发者社区
向上滑动看下一个