http://www.lcode.org/study-react-native-opensource-one/
http://gold.xitu.io/entry/575f498c128fe100577336b2
本文來自:江清清的技術(shù)專欄(http://www.lcode.org)
一.前言
讀項目源碼是一種非常好的學習方式,現(xiàn)階段React Native還在高速的發(fā)展扔茅,版本迭代速度很快渡嚣,同時入門學習的教程也比較少。因此查看閱讀別人寫的好的開源項目就非常重要指孤,吸取精華瘩绒。那本期就來給我大家推薦幾個開源項目
剛創(chuàng)建的React Native交流6群:426762904,歡迎各位大牛,React Native技術(shù)愛好者加入交流!同時博客右側(cè)歡迎微信掃描關(guān)注訂閱號,移動技術(shù)干貨,精彩文章技術(shù)推送!
二.Facebook’s F8 Conference App
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
React Native最佳學習模版- F8 App開源了,界面和體驗是相當?shù)耐昝?這個是Facebook官方開發(fā)的,所以放在第一位進行推薦『锬ǎ現(xiàn)在在github將近6000個star了。項目地址https://github.com/fbsamples/f8app
三.Reading
來自餓了么RN大神開源的reading項目,已經(jīng)完成Android和iOS雙適配锁荔。絕對是一個產(chǎn)品級的開源項目蟀给,并且作者還在持續(xù)的更新。值得一薦!
項目地址:https://github.com/attentiveness/reading
四.Weather
該為國外一個天氣預報客戶端,界面效果簡約優(yōu)美跋理,作者借鑒F8項目同時客戶端數(shù)據(jù)來自真實國外的天氣預報API择克。這天氣預報客戶端體驗估計已經(jīng)給原生開發(fā)者造成10000點傷害了。項目地址:https://github.com/stage88/react-weather
五.Github Feed
該項目來自阿里開發(fā)人員,你的又一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相關(guān)數(shù)據(jù),界面做的非常Nice肚邢,項目整體架構(gòu)也非常不錯,關(guān)鍵還有圖表界面,同時適配Android和iOS雙平臺拭卿。也是大家不可多得學習的項目骡湖。推薦!
項目地址:https://github.com/wwayne/react-native-nba-app
上次我們推薦了一波React Native的優(yōu)秀開源項目,反響不錯~今天我們繼續(xù)第二波峻厚。
特別提醒由于微信鏈接限制,請底部點擊閱讀原文查看更多開源項目哦~
公眾號已經(jīng)開通評論功能啦...趕緊底部回復吧勺鸦。。
1.HackerNews
采用純React Native開發(fā)的HackerNews客戶端,同時兼容Android目木、iOS雙平臺换途。用到很多常用的開源組件,而且非常適合初學者入門的項目刽射。有借鑒意義军拟。
項目地址:https://github.com/iSimar/HackerNews-React-Native
2.iShiWuPai
iShiWuPai是基于React Native和Redux實現(xiàn)的展示型美食類APP。不過當前暫時只適配iOS版本,但是效果絕對贊了~
已完成功能點:
逛吃界面誓禁,支持下拉刷新和上拖加載更多
資訊詳情界面
食物百科界面
食物列表頁面所有功能懈息,包括子類別排序、營養(yǎng)素排序功能及動畫摹恰,支持上拖加載更多
我的辫继、食物對比基本界面
項目地址:https://github.com/ljunb/react-native-iShiWuPai
3.HiApp
采用React Native開發(fā)的一款基于類似微博以及聊天App,同時兼容Android、iOS雙平臺,甚至還有Web端俗慈。整體功能有很多可以學習的地方姑宽。例如效果布局,多語言切換等等。
項目地址:https://github.com/BelinChung/react-native-hiapp
4.cnblogs
采用React Native開發(fā)的cnblog博客客戶端,當時只適配Android版本闺阱。不過基本功能已經(jīng)做的挺完善的效果也還不錯炮车。已經(jīng)涵蓋博客,排行列表,詳情酣溃,評論瘦穆,搜索等功能。
項目地址:https://github.com/togayther/react-native-cnblogs
5.Gank.io App
號稱App最多的網(wǎng)站干貨集中營(Gank.io)最后也推薦兩個赊豌。首先來一個的是效果和開發(fā)者頭條有點類似的哈~同時兼容雙平臺扛或。不過也是very 因垂思挺。
項目地址:https://github.com/zhongjie-chen/rn_rank
在來一個Gank客戶端,這個客戶端其實也是大同小異,主要在界面UI實現(xiàn)風格方面有點變化,特別提一點里面的妹紙圖縮放以及拖動效果做的還不錯的碘饼。