http://www.lcode.org/study-react-native-opensource-one/
http://gold.xitu.io/entry/575f498c128fe100577336b2
本文來自:江清清的技術專欄(http://www.lcode.org)
1.前言
讀項目源碼是一種非常好的學習方式,現階段React Native還在高速的發展,版本迭代速度很快,同時入門學習的教程也比較少。因此查看閱讀別人寫的好的開源項目就非常重要,吸取精華。那本期就來給我大家推薦幾個開源項目
剛創建的React Native交流6群:426762904,歡迎各位大牛,React Native技術愛好者加入交流!同時博客右側歡迎微信掃描關注訂閱號,移動技術干貨,精彩文章技術推送!
二.Facebook’s F8 Conference App
React Native最佳學習模版- F8 App開源了,界面和體驗是相當的完美,這個是Facebook官方開發的,所以放在第一位進行推薦。現在在github將近6000個star了。項目地址https://github.com/fbsamples/f8app
三.Reading
來自餓了么RN大神開源的reading項目,已經完成Android和iOS雙適配。絕對是一個產品級的開源項目,並且作者還在持續的更新。值得一薦!
項目地址:https://github.com/attentiveness/reading
四.Weather
該為國外一個天氣預報客戶端,界面效果簡約優美,作者借鑒F8項目同時客戶端數據來自真實國外的天氣預報API。這天氣預報客戶端體驗估計已經給原生開發者造成10000點傷害了。項目地址:https://github.com/stage88/react-weather
五.Github Feed
該項目來自阿里開發人員,你的又一Github客戶端哦~項目github也超過了1000個star。主要功能:
- Feeds like web github home. (Github個人主頁)
- Search users or repos. (搜索用戶或者開源庫)
- Star, watch repos, follow guys. (start,watch庫,follow用戶)
- Explore trending repos daily, weekly, monthly. (查看瀏覽趨勢)
- Check who's famous in some filed all of the world. (檢查特殊的commit)
項目地址:https://github.com/xiekw2010/react-native-gitfeed
六.React-Native-NBA-App
這個項目主要進行查看NBA相關數據,界面做的非常Nice,項目整體架構也非常不錯,關鍵還有圖表界面,同時適配Android和iOS雙平台。也是大家不可多得學習的項目。推薦!
項目地址:https://github.com/wwayne/react-native-nba-app
上次我們推薦了一波React Native的優秀開源項目,反響不錯~今天我們繼續第二波。
特別提醒由於微信鏈接限制,請底部點擊閱讀原文查看更多開源項目哦~
公眾號已經開通評論功能啦...趕緊底部回復吧。。
1.HackerNews
采用純React Native開發的HackerNews客戶端,同時兼容Android、iOS雙平台。用到很多常用的開源組件,而且非常適合初學者入門的項目。有借鑒意義。
項目地址:https://github.com/iSimar/HackerNews-React-Native
2.iShiWuPai
iShiWuPai是基於React Native和Redux實現的展示型美食類APP。不過當前暫時只適配iOS版本,但是效果絕對贊了~
已完成功能點:
-
逛吃界面,支持下拉刷新和上拖加載更多
-
資訊詳情界面
-
食物百科界面
-
食物列表頁面所有功能,包括子類別排序、營養素排序功能及動畫,支持上拖加載更多
-
我的、食物對比基本界面
項目地址:https://github.com/ljunb/react-native-iShiWuPai
3.HiApp
采用React Native開發的一款基於類似微博以及聊天App,同時兼容Android、iOS雙平台,甚至還有Web端。整體功能有很多可以學習的地方。例如效果布局,多語言切換等等。
項目地址:https://github.com/BelinChung/react-native-hiapp
4.cnblogs
采用React Native開發的cnblog博客客戶端,當時只適配Android版本。不過基本功能已經做的挺完善的效果也還不錯。已經涵蓋博客,排行列表,詳情,評論,搜索等功能。
項目地址:https://github.com/togayther/react-native-cnblogs
5.Gank.io App
號稱App最多的網站干貨集中營(Gank.io)最后也推薦兩個。首先來一個的是效果和開發者頭條有點類似的哈~同時兼容雙平台。不過也是very 因垂思挺。
項目地址:https://github.com/zhongjie-chen/rn_rank
在來一個Gank客戶端,這個客戶端其實也是大同小異,主要在界面UI實現風格方面有點變化,特別提一點里面的妹紙圖縮放以及拖動效果做的還不錯的。