一个上架了的React Native项目实战总结

学习 : 视频开发教程

喜欢逛GitHub的小伙伴都知道,它有个查看最热项目的功能叫trending,但这个功能只能在网页上查看, 而且在手机上浏览显示效果很不友好,而我想在地铁上,餐厅,路上等空余的时间使用它,所以我需要一款带有这个功能的App, 不仅于此,我还想要在这款App上查询GitHub上我所喜欢的项目,甚至在手机没网的时候也能看到,而且我想要我的iOS和Android手机都能使用这款App, 于是GitHub Popular便诞生了。

这个项目满足了我如下3方面的需求:

  1. 在手机App上也可以使用GitHub 的trending功能来查看最热最火的开源项目。
  2. 在手机App上也可以搜索GitHub上的开源项目,并且可以进行查看、收藏、分享等操作。
  3. 可以订阅我所喜欢的标签或语言,让感兴趣的热门项目一个不漏。

开发环境及工具

环境:

  • OSX:10.11.6
  • Node.js:6.3.1
  • react-native:0.32.0

工具:

  • Git
  • WebStorm
  • AndroidStudio
  • Xcode

所用技术与第三方库

所用技术

  • ES5/ES6
  • React
  • Flexbox
  • AsyncStorage
  • fetch api
  • Native Modules

第三方工具

  • react-native-check-box
  • react-native-easy-toast
  • react-native-splash-screen
  • react-native-htmlview
  • react-native-parallax-scroll-view
  • react-native-scrollable-tab-view
  • react-native-sortable-listview
  • react-native-tab-navigator

功能流程图

总结

此项目是基于目前比较火的React Native技术架构的,也用到一些Android和iOS技术,其中Android、iOS两端代码复用率有90%之多,该项目占据我不少业余时间,不过总算研发完成,并成功上架。在此过程中填了不少的坑,包括GitHub没有开放trending的Api,需要自己动手实现它,以及自定义主题等等,后期有时间会整理出来分享给大家。

GitHub Popular的Android版本已上架,大家可以从百度手机助手应用宝上下载使用,iOS版就差一个99刀的账号就可以上架了,囊中羞涩呜呜~~~~。项目开源在GitHub上供热爱移动开发的小伙伴学习研究,喜欢的小伙伴不要忘记点个赞支持一下哦。

推荐学习:视频教程《React Native开发跨平台GitHub App》

最后

既然来了,留下个喜欢再走吧,鼓励我继续创作(^_^)∠※

如果喜欢我的文章,那就关注我的博客@ devio.org吧,让我们一起做朋友~~

戳这里,加关注哦:

微博:第一时间获取推送 个人博客:干货文章都在这里哦 GitHub:我的开源项目

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏phodal

RePractise: 从真实世界到前后端的设计

RePractise终于又迎来了新的一篇,要知道上一篇可是在半年前呢——《Repractise前端篇: 前端演进史》。照RePractise惯例,这又是一篇超长...

1937
来自专栏人称T客

HTML5大战原生开发应用 谁赢谁输?

最近总有人在问到底是HTML5好,还是原生开发应用好,这个要一分为二的看待,主要看你的应用场景,适合你的就是最好的,下面我们比较了五个参数列表,让你清晰的了解何...

3185
来自专栏BestSDK

6个最好用的 AR/VR开源框架:无需任何插件安装,只用浏览器即可

1. AR.js AR.js 是一款应用于 Web 的高效增强现实(AR)库,基于 three.js + jsartoolkit5,无需安装。它适用于任何带有 ...

60711
来自专栏SAP最佳业务实践

SAP最佳业务实践:ETO–项目装配(240)-11研发工作

image.png CJ20N开始研发工作 在此项目中,设置 WBS 要素订单 来控制 WBS 要素 研发、生产和交货/测试 中的对应活动。在完成研发工作后,可...

3909
来自专栏互联网杂技

Neilsen十大可用性设计原则

最近在做toB类产品的时候,经常会被业务带着跑从而忽略了可用性设计的基本原则,最后导致自己的方案被挑战而说不出理由。所以当设计拿捏不准的时候,最好还好依照基本的...

3459
来自专栏web前端教室

学习前端比看书更重要的,就是动手练习

在今天的零基础web前端课程中,讲到调用api获取商品列表json生成dom节点添加到页面中的时候,在课程的间隙要进行相应的练习。我基本确定每个同学都听懂了,然...

2018
来自专栏较真的前端

怎样才算是个出色的移动网站[译]

2125
来自专栏SEO

「SEO技术」14种搜索引擎优化技术详细解说

正如没有静止不动的河水,我们生命中的每一个时刻,都联系着过去与未来。唯有心中时时有着想要抵达的地方,才能顺着时间之流的力量,在不确定性中有所把握、有所坚持,一点...

1480
来自专栏小狼的世界

增强网站易用性的10个设计技巧

易用性就是是你的网站对用户来说使用更简单,能够让用户在他需要的地方很快找到需要的信息。类比于Google所提倡的”让用户呆在Google的时间不短缩短“,对于网...

982
来自专栏机器人网

Python程序员需要了解的10个资源

你是一名Python程序员。在知道其他语言后,通过Python入门,或通过阅读Python教程或类,直到您对基础知识足够自信为止,您已经获得了这一称号。那现在,...

1093

扫码关注云+社区

领取腾讯云代金券