一個上架了的React Native項目實戰總結

喜歡逛GitHub的小伙伴都知道，它有個查看最熱項目的功能叫 treding ，但這個功能只能在網頁上查看，

而且在手機上瀏覽顯示效果很不友好，而我想在地鐵上，餐廳，路上等空余的時間使用它，所以我需要一款帶有這個功能的App，

不僅于此，我還想要在這款App上查詢GitHub上我所喜歡的項目，甚至在手機沒網的時候也能看到，而且我想要我的iOS和Android手機都能使用這款App，

于是 GitHub Popular 便誕生了。

這個項目滿足了我如下3方面的需求：

1. 在手機App上也可以使用GitHub 的 treding 功能來查看最熱最火的開源項目。
2. 在手機App上也可以搜索GitHub上的開源項目，并且可以進行查看、收藏、分享等操作。
3. 可以訂閱我所喜歡的標簽或語言，讓感興趣的熱門項目一個不漏。

githubpupular.png

開發環境及工具

環境：

• 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

功能流程圖

GitHub Popular-功能結構圖

總結

此項目是基于目前比較火的React Native技術架構的，也用到一些Android和iOS技術，其中Android、iOS兩端代碼復用率有90%之多，該項目占據我不少業余時間，不過總算研發完成，并成功上架。在此過程中填了不少的坑，包括GitHub沒有開放 treding 的Api，需要自己動手實現它，以及自定義主題等等，后期有時間會整理出來分享給大家。