查看此項(xiàng)目的：視頻開發(fā)教程

最新版React Native+Redux 打造高質(zhì)量上線App .jpg

喜歡逛GitHub的小伙伴都知道，它有個(gè)查看最熱項(xiàng)目的功能叫trending，但這個(gè)功能只能在網(wǎng)頁上查看，
而且在手機(jī)上瀏覽顯示效果很不友好，而我想在地鐵上，餐廳，路上等空余的時(shí)間使用它，所以我需要一款帶有這個(gè)功能的App，
不僅于此，我還想要在這款A(yù)pp上查詢GitHub上我所喜歡的項(xiàng)目，甚至在手機(jī)沒網(wǎng)的時(shí)候也能看到，而且我想要我的iOS和Android手機(jī)都能使用這款A(yù)pp，
于是GitHub Popular便誕生了。

這個(gè)項(xiàng)目滿足了我如下3方面的需求：

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

githubpupular

開發(fā)環(huán)境及工具

環(huán)境：

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

工具：

• Git
• WebStorm
• AndroidStudio
• Xcode

所用技術(shù)與第三方庫(kù)

所用技術(shù)

• 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

功能流程圖

[圖片上傳失敗...(image-b6bda7-1544634993907)]

總結(jié)

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

GitHub Popular的Android版本已上架，大家可以從百度手機(jī)助手，應(yīng)用寶上下載使用，iOS版就差一個(gè)99刀的賬號(hào)就可以上架了，囊中羞澀嗚嗚~~~~。項(xiàng)目開源在GitHub上供熱愛移動(dòng)開發(fā)的小伙伴學(xué)習(xí)研究，喜歡的小伙伴不要忘記點(diǎn)個(gè)贊支持一下哦。

推薦學(xué)習(xí)：視頻教程《React Native開發(fā)跨平臺(tái)GitHub App》

最后

既然來了，留下個(gè)喜歡再走吧，鼓勵(lì)我繼續(xù)創(chuàng)作(^_)∠※

如果喜歡我的文章，那就關(guān)注我的博客@ devio.org吧，讓我們一起做朋友~~

戳這里,加關(guān)注哦:

微博：第一時(shí)間獲取推送
個(gè)人博客：干貨文章都在這里哦

GitHub：我的開源項(xiàng)目