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

Question

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

项目源码下载：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，需要自己动手实现它，以及自定义主题等等，后期有时间会整理出来分享给大家。