专栏首页贾鹏辉的技术专栏@CrazyCodeBoy一个上架了的React Native项目实战总结

一个上架了的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 条评论
登录 后参与评论

相关文章

  • React Native 学习资源精选仓库

    React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。 如果你是...

    CrazyCodeBoy
  • 每位开发人员都应该有一款的GitHub最受欢迎与最热项目浏览器发布@GitHubPopular

    GitHub Popular 这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。项目源码 ...

    CrazyCodeBoy
  • React Native 混合开发(iOS篇)

    在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由R...

    CrazyCodeBoy
  • 这5个 AI 用例,转变了传统商务沟通

    很少有人会想到这样一种情景:世界上几乎有一半的国家处于封锁状态(可能长达数周或几个月),并且大多数人的工作能力也受到限制。然而,由于COVID-19大流行,这就...

    AI科技大本营
  • 我们为什么要使用AOP?

    最原始的写法,我要在调用insert()与update()方法前后分别打印时间,就只能定义一个新的类包一层,在调用insert()方法与update()方法前后...

    技术从心
  • 快速学习-IOC容器和Bean的配置

    cwl_java
  • 我们为什么要使用 AOP

    前言 一年半前写了一篇文章Spring3:AOP,是当时学习如何使用Spring AOP的时候写的,比较基础。这篇文章最后的推荐以及回复认为我写的对大家有帮助的...

    Java高级架构
  • 【数据】银行业9大数据科学应用案例

    在银行业中使用数据科学不仅仅是一种趋势,它已成为保持竞争的必要条件。 银行必须认识到,大数据技术可以帮助他们有效地集中资源,做出更明智的决策并提高绩效。

    陆勤_数据人网
  • 用 Python-Markdown 和 google-prettify 来处理 Markdown 和代码高亮

    这是Python中处理Markdown的一个库,可以把markdown语法转为html,如下:

    the5fire
  • python os模块

    删除单级空目录,若目录不为空则无法删除,报错;相当于shell中rmdir dirname

    py3study

扫码关注云+社区

领取腾讯云代金券