欢迎关注
最酷最in的云资讯

分享 50 个完整的 React Native 项目

  • 本文为 Marno 原创,转载必须保留出处!
  • 公众号 aMarno,关注后回复 RN 加入交流群
  • React Native 优秀开源项目大全:www.marno.cn

一、前言

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

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

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

二、项目列表

序号 名称/地址 简介 预览图
0 react-native-eyepetizer 模仿开眼3.1.2
分享 50 个完整的 React Native 项目
1 GitHubPopular 这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。
分享 50 个完整的 React Native 项目
3 react-native-dribbble-app 模仿国外设计师网站Dribbble做的客户端
分享 50 个完整的 React Native 项目
4 FinanceReactNative 使用React Native做的金融证券股票类App
分享 50 个完整的 React Native 项目
5 react-native-nw-react-calculator 简洁美观的计算器
分享 50 个完整的 React Native 项目
6 30-days-of-react-native 30天学React Native的Demo App,结合作者源码,学React Native效果杠杆滴!
分享 50 个完整的 React Native 项目
7 react-native-sudoku 用React Native写的数独游戏
分享 50 个完整的 React Native 项目
8 react-weather 精致的天气类App
分享 50 个完整的 React Native 项目
9 hackerweb-native 简单的新闻类软件
分享 50 个完整的 React Native 项目
10 react-native-OneLess 使用React Native模仿ONE的App,完成度挺高
分享 50 个完整的 React Native 项目
11 JueJinClient 仿掘金客户端
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/a241a26f89a28a48e0917e498aad8a88.png?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
12 react-native-cnblogs RN编写的博客园客户端
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/515ebbb972d5cf3316066cd2213a66a8?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
13 shopping-react-native 一个商城类的RN项目
分享 50 个完整的 React Native 项目” data-src=”https://lc-mhke0kuv.cn-n1.lcfile.com/2e7cfba06bef13ea06c9.png” data-width=”800″ data-height=”600″ />
14 ZhiHuDaily-React-Native 仿知乎日报
分享 50 个完整的 React Native 项目” data-src=”https://lc-mhke0kuv.cn-n1.lcfile.com/588eae5a5bee35a276a1.jpg” data-width=”800″ data-height=”600″ />
15 A-ReactNative-TesterHome 社区咨询类App
分享 50 个完整的 React Native 项目” data-src=”https://lc-mhke0kuv.cn-n1.lcfile.com/cd20538d0004cd368296.gif” data-width=”800″ data-height=”600″ />
16 im.js 一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/cdcdf59aea761880306834ad215df328?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
17 House 用react native写的一个html5项目,由于时间关系,完成的比较粗糙,请多多指教,大神勿喷^_^
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/e48df5e17b1c68bfd36976e8912d7e36.jpg?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
18 Poplar A social networking application written by React Native
分享 50 个完整的 React Native 项目” data-src=”https://github.com/lvwangbeta/Poplar/raw/master/doc/imgs/feedDetail.gif” data-width=”800″ data-height=”600″ />
19 HelloRN 适合入门学习的demo,适配android ios, 有网页、图片、音乐、地图等功能
分享 50 个完整的 React Native 项目” data-src=”https://github.com/believeitcould/HelloRN/raw/master/screenShot/androidScreen.gif” data-width=”800″ data-height=”600″ />
20 elm-react-native RN写的饿了么,还原度相当高,实现了各类动效,高度推荐
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/7fb321279e331c8624fb33d681fb9263?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
21 BIGTIGER.ME 一个使用React Native制作的个人博客客户端,已上架App Store
此处无图
22 RNMars React-Native写的V2EX社区App
分享 50 个完整的 React Native 项目” data-src=”https://github.com/yinmazuo/RNMars/raw/master/screenshot/demo01.gif” data-width=”800″ data-height=”600″ />
23 zqc-app-demo 在球场App,已上线,官网:www.zaiqiuchang.com/
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/1f4d1b384bf713c7eea1558c65a35904?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
24 react-native-quan 一个很简单的RN新闻应用
分享 50 个完整的 React Native 项目” data-src=”https://user-gold-cdn.xitu.io/2017/4/16/c43bbaab51e433510da9d781b57f5c5e?imageView2/0/w/1280/h/960/ignore-error/1″ data-width=”800″ data-height=”600″ />
25 YCool 小说阅读APP
分享 50 个完整的 React Native 项目” data-src=”https://camo.githubusercontent.com/f8bc1a941ae5faa94c3c478c3e538058bdfb406c/687474703a2f2f70312e6271696d672e636f6d2f313934392f316363306466343834643538306535312e676966″ data-width=”800″ data-height=”600″ />
26 SnapChat (VctrySam)仿 SnapChat,国外一哥们VctrySam,用RN仿写了国外几个比较流行的App,后面几个都是他写的
分享 50 个完整的 React Native 项目” data-src=”https://lc-mhke0kuv.cn-n1.lcfile.com/b7b71a1de0526c043b39.gif” data-width=”800″ data-height=”600″ />
27 Tinder (VctrySam)仿 Tinder,国外的探探
分享 50 个完整的 React Native 项目
28 AirBnb (VctrySam)仿 Airbnb
分享 50 个完整的 React Native 项目
29 whatsapp (VctrySam)仿 whatsapp
分享 50 个完整的 React Native 项目
30 Over18s (VctrySam)仿 Over18s。别问我,我也不知道这是什么软件 此处无图
31 TicTacToe (VctrySam)仿 TicTacToe 此处无图
32 game1 (VctrySam)仿 game1 此处无图
33 hackathon1 (VctrySam)仿 hackathon1
分享 50 个完整的 React Native 项目
34 do-app (VctrySam)待办事项清单App 此处无图
35 DragonBall (VctrySam)一个游戏
分享 50 个完整的 React Native 项目
36 Youtube (VctrySam)仿 Youtube
分享 50 个完整的 React Native 项目
37 Twitter (VctrySam)仿 Twitter
分享 50 个完整的 React Native 项目
38 FCBarca (VctrySam)仿 FCBarca
分享 50 个完整的 React Native 项目
39 Slacker (VctrySam)仿 Slacker
分享 50 个完整的 React Native 项目
40 react-conf-app React Conf 2017 Companion App
分享 50 个完整的 React Native 项目
41 Mister-Poster 用到了 RN+Redux+Redux Storage+Firebase 的一个开源项目
分享 50 个完整的 React Native 项目
42 surmon.me.native 一个非常适合入门学习的react-native项目,有借鉴自其他种子项目的组织方式,代码清晰、结构合理。
分享 50 个完整的 React Native 项目

本文首发于公众号 aMarno。获取更多 React Native 资源关注公众号后,点击 RN干货 查看。

作者:Marno
链接:https://juejin.im/post/58f37cb361ff4b0058f9824a
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

赞(0) 打赏
未经允许不得转载:云微资讯 » 分享 50 个完整的 React Native 项目
分享到: 更多 (0)

云微资讯 科技新媒体资讯平台

关于我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏