一個上架了的React Native項目實戰(zhàn)總結

查看此項目的:視頻開發(fā)教程

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

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

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

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

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

環(huán)境:

  • 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

功能流程圖

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

總結

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

GitHub Popular的Android版本已上架,大家可以從百度手機助手,應用寶上下載使用,iOS版就差一個99刀的賬號就可以上架了,囊中羞澀嗚嗚~~~~。項目開源在GitHub上供熱愛移動開發(fā)的小伙伴學習研究,喜歡的小伙伴不要忘記點個贊支持一下哦。

推薦學習:視頻教程《React Native開發(fā)跨平臺GitHub App》

最后

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

如果喜歡我的文章,那就關注我的博客@ devio.org吧,讓我們一起做朋友~~

戳這里,加關注哦:

微博:第一時間獲取推送
個人博客:干貨文章都在這里哦

GitHub:我的開源項目

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容