學(xué)習(xí)React-native需要的幾個項(xiàng)目

這個是轉(zhuǎn)載別人的blog肆资,一起學(xué)習(xí)0跽浮!麦箍!


1.前言
讀項(xiàng)目源碼是一種非常好的學(xué)習(xí)方式,現(xiàn)階段React Native還在高速的發(fā)展漓藕,版本迭代速度很快,同時入門學(xué)習(xí)的教程也比較少挟裂。因此查看閱讀別人寫的好的開源項(xiàng)目就非常重要享钞,吸取精華。那本期就來給我大家推薦幾個開源項(xiàng)目
剛創(chuàng)建的React Native交流6群:426762904,歡迎各位大牛,React Native技術(shù)愛好者加入交流!同時博客右側(cè)歡迎微信掃描關(guān)注訂閱號,移動技術(shù)干貨,精彩文章技術(shù)推送!
二.Facebook’s F8 Conference App
React Native最佳學(xué)習(xí)模版- F8 App開源了,界面和體驗(yàn)是相當(dāng)?shù)耐昝?這個是Facebook官方開發(fā)的,所以放在第一位進(jìn)行推薦【魅兀現(xiàn)在在github將近6000個star了栗竖。項(xiàng)目地址https://github.com/fbsamples/f8app

1.png

三.Reading
來自餓了么RN大神開源的reading項(xiàng)目,已經(jīng)完成Android和iOS雙適配。絕對是一個產(chǎn)品級的開源項(xiàng)目渠啤,并且作者還在持續(xù)的更新狐肢。值得一薦!
項(xiàng)目地址:https://github.com/attentiveness/reading

2.jpg

四.Weather
該為國外一個天氣預(yù)報(bào)客戶端,界面效果簡約優(yōu)美沥曹,作者借鑒F8項(xiàng)目同時客戶端數(shù)據(jù)來自真實(shí)國外的天氣預(yù)報(bào)API份名。這天氣預(yù)報(bào)客戶端體驗(yàn)估計(jì)已經(jīng)給原生開發(fā)者造成10000點(diǎn)傷害了。項(xiàng)目地址:https://github.com/stage88/react-weather

3.jpg

五.Github Feed
該項(xiàng)目來自阿里開發(fā)人員,你的又一Github客戶端哦~項(xiàng)目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)

項(xiàng)目地址:https://github.com/xiekw2010/react-native-gitfeed

4.jpg

六.React-Native-NBA-App
這個項(xiàng)目主要進(jìn)行查看NBA相關(guān)數(shù)據(jù),界面做的非常Nice僵腺,項(xiàng)目整體架構(gòu)也非常不錯,關(guān)鍵還有圖表界面,同時適配Android和iOS雙平臺壶栋。也是大家不可多得學(xué)習(xí)的項(xiàng)目辰如。推薦!
項(xiàng)目地址:https://github.com/wwayne/react-native-nba-app

5.png
7.gif

1.HackerNews
采用純React Native開發(fā)的HackerNews客戶端,同時兼容Android委刘、iOS雙平臺丧没。用到很多常用的開源組件鹰椒,而且非常適合初學(xué)者入門的項(xiàng)目。有借鑒意義呕童。
項(xiàng)目地址:https://github.com/iSimar/HackerNews-React-Native

8.jpg

2.iShiWuPai
iShiWuPai是基于React Native和Redux實(shí)現(xiàn)的展示型美食類APP漆际。不過當(dāng)前暫時只適配iOS版本,但是效果絕對贊了~
已完成功能點(diǎn):
逛吃界面,支持下拉刷新和上拖加載更多

資訊詳情界面

食物百科界面

食物列表頁面所有功能夺饲,包括子類別排序奸汇、營養(yǎng)素排序功能及動畫,支持上拖加載更多

我的往声、食物對比基本界面

項(xiàng)目地址:https://github.com/ljunb/react-native-iShiWuPai

9.jpg
10.jpg

3.HiApp
采用React Native開發(fā)的一款基于類似微博以及聊天App,同時兼容Android擂找、iOS雙平臺,甚至還有Web端。整體功能有很多可以學(xué)習(xí)的地方浩销。例如效果布局,多語言切換等等贯涎。
項(xiàng)目地址:https://github.com/BelinChung/react-native-hiapp

10.gif

4.cnblogs
采用React Native開發(fā)的cnblog博客客戶端,當(dāng)時只適配Android版本。不過基本功能已經(jīng)做的挺完善的效果也還不錯慢洋。已經(jīng)涵蓋博客,排行列表塘雳,詳情,評論普筹,搜索等功能败明。
項(xiàng)目地址:https://github.com/togayther/react-native-cnblogs

11.jpg
12.jpg

5.Gank.io App
號稱App最多的網(wǎng)站干貨集中營(Gank.io)最后也推薦兩個。首先來一個的是效果和開發(fā)者頭條有點(diǎn)類似的哈~同時兼容雙平臺太防。不過也是very 因垂思挺妻顶。
項(xiàng)目地址:https://github.com/zhongjie-chen/rn_rank

13.jpg
14.jpg
  在來一個Gank客戶端,這個客戶端其實(shí)也是大同小異,主要在界面UI實(shí)現(xiàn)風(fēng)格方面有點(diǎn)變化,特別提一點(diǎn)里面的妹紙圖縮放以及拖動效果做的還不錯的。

項(xiàng)目地址:https://github.com/iwgang/GankCamp-React-Native

15.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蜒车,一起剝皮案震驚了整個濱河市讳嘱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌醇王,老刑警劉巖呢燥,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異寓娩,居然都是意外死亡叛氨,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門棘伴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來寞埠,“玉大人,你說我怎么就攤上這事焊夸∪柿” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長饭冬。 經(jīng)常有香客問我使鹅,道長,這世上最難降的妖魔是什么昌抠? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任患朱,我火速辦了婚禮,結(jié)果婚禮上炊苫,老公的妹妹穿的比我還像新娘裁厅。我一直安慰自己,他們只是感情好侨艾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布执虹。 她就那樣靜靜地躺著,像睡著了一般唠梨。 火紅的嫁衣襯著肌膚如雪袋励。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天姻成,我揣著相機(jī)與錄音插龄,去河邊找鬼。 笑死科展,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的糠雨。 我是一名探鬼主播才睹,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼甘邀!你這毒婦竟也來了琅攘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤松邪,失蹤者是張志新(化名)和其女友劉穎坞琴,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逗抑,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡剧辐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了邮府。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荧关。...
    茶點(diǎn)故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖褂傀,靈堂內(nèi)的尸體忽然破棺而出忍啤,到底是詐尸還是另有隱情,我是刑警寧澤仙辟,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布同波,位于F島的核電站鳄梅,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏未檩。R本人自食惡果不足惜卫枝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望讹挎。 院中可真熱鬧校赤,春花似錦、人聲如沸筒溃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽怜奖。三九已至浑测,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間歪玲,已是汗流浹背迁央。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留滥崩,地道東北人岖圈。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像钙皮,于是被迫代替她去往敵國和親蜂科。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,185評論 25 707
  • React Native優(yōu)秀博客短条,以及優(yōu)秀的Github庫列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 10,628評論 4 162
  • afinalAfinal是一個android的ioc导匣,orm框架 https://github.com/yangf...
    passiontim閱讀 15,435評論 2 45
  • 英語班,魔耳英語班茸时,今天魔耳英語班的最后一天贡定。誒,我最忘不了這一天了可都,因?yàn)檫@是最后一次在Bill的教室聽B...
    寫作君a梓安閱讀 240評論 0 1
  • 我為什么不來簡書缓待?! 訂閱簡書app有一段時間了汹粤,現(xiàn)在它已經(jīng)成為了我身邊觸手可得的讀物命斧。在簡書,我可以很方便地訂閱...
    v簡閱讀 230評論 0 1