React Native LearnSource

React Native Awesome(匯聚知識,分享精華)

React Native Awesome匯集了各類react-native學(xué)習(xí)資料、工具、組件、開源App、資源下載、以及相關(guān)新聞等,只求精不求全。

如果你是一名React Native愛好者,或者有一顆熱愛鉆研新技術(shù)的心,喜歡分享技術(shù)干貨、項(xiàng)目經(jīng)驗(yàn)、以及你在React Naive學(xué)習(xí)研究或?qū)嵺`中的一些經(jīng)驗(yàn)心得等等,歡迎投稿《React Native Awesome》。

如果你是一名Android、iOS、或前端開發(fā)人員,有者一顆積極進(jìn)取的心,歡迎關(guān)注《React Native Awesome》。本項(xiàng)目匯集了各類React Native學(xué)習(xí)資料、工具、組件、開源App、以及相關(guān)新聞等。

目錄

教程

React.js

React Native

布局相關(guān)

開發(fā)調(diào)試

發(fā)布部署

ES6&ES7

項(xiàng)目實(shí)踐&教程

系列教程

開源APP

組件

Navigation

ViewPager

ListView&ScrollView

Text&Rich Content

彈框

Material Design

TabLayout

框架&庫

工具

視頻

資源網(wǎng)站

新聞&討論

資源下載

教程

React.js

React速學(xué)教程(上)

React速學(xué)教程(中)

React速學(xué)教程(下)

React官網(wǎng)

React中文網(wǎng)

React入門教程

React Native

布局相關(guān)

React Native布局詳細(xì)指南

React Native布局篇

Flex 布局語法教程

React Native探索(二):布局篇

開發(fā)調(diào)試

React Native調(diào)試技巧與心得

發(fā)布部署

React Native應(yīng)用部署/熱更新-CodePush最新集成總結(jié)

React Native發(fā)布APP之簽名打包APK

ReactNative增量升級方案

React Native: Android 的打包

ReactNative之原生模塊開發(fā)并發(fā)布——iOS篇

ReactNative之原生模塊開發(fā)并發(fā)布——android篇

ES6&ES7

ES6的新特性,以及ES6與ES5的區(qū)別

深入淺出ES6(十三):類 Class

ES6新特性:使用export和import實(shí)現(xiàn)模塊化

ES6令人激動的特性

ES6 學(xué)習(xí)筆記

React on ES6+

React/React Native 的ES5 ES6寫法對照表

深入淺出ES6

系列教程

React Native 學(xué)習(xí)筆記

React Native高手進(jìn)階-專欄

React Native高手進(jìn)階-專題

React Native 每日一學(xué)(Learn a little every day)

項(xiàng)目實(shí)踐&教程

ReactNative For Android 項(xiàng)目實(shí)戰(zhàn)總結(jié)

Moles:攜程基于React Native的跨平臺開發(fā)框架

構(gòu)建 Facebook F8 2016 App / React Native 開發(fā)指南

React Native 從入門到原理

開源APP

它山之石可以攻玉。

GitHubPopular:基于React Native的查看、閱讀、收藏GitHub上 最受歡迎的開源項(xiàng)目的APP,不僅如此,它還是一款GitHub Trending的客戶端。

React Native官方Demo:React Native官方Demo,匯集了各種組件,API的使用Examples。

Facebook F8 App:基于React Native 的2016 F8大會APP。

HackerNews-React-Native:Hacker 新聞客戶端。

react-native-nw-react-calculator:基于React Native的計(jì)算器,iOS/Android、Web、桌面多端。

react-native-dribbble-app:基于React Native的Dribbble客戶端。

noder-react-native:Noder-cnodejs客戶端。

ZhiHuDaily-React-Native:知乎日報(bào)Android版。

react-native-gitfeed:一款基于React Native的GitHub客戶端。

FinanceReactNative:Finance - 股票報(bào)價(jià)app。

React-Native-Gank:Gank.io客戶端。

leanote-ios-rnLeanote:Leanote for iOS(云筆記)。

shopping-react-native:購物app-界面。

react-native-nba-app:This is why we play。

react-native-gitosc:使用React Native重寫的OSChina的Git@OSC客戶端。

reading:iReading App。

組件

Navigation

react-native-router-flux:一款很火的導(dǎo)航組件。

react-native-navbar:一款用于React Native上的可定制的導(dǎo)航條。

react-native-tab-navigator:一款兼容Android、iOS的TabBar組件。

react-native-drawer-layout:抽屜組件。

react-native-drawer:另一款抽屜組件。

ViewPager

react-native-swiper:一款輪番滑動的組件。

react-native-looped-carousel:滾動輪播組件。

ListView&ScrollView

react-native-refreshable-listview:下拉刷新組件。

react-native-swipe-list-view:滑動刪除組件。

react-native-swipeout:iOS樣式的劃動刪除組件。

react-native-sortable-listview:拖拽排序組件。

react-native-draggablelist:拖排序組件。

react-native-SortableList:拖拽排序組件。

Text&Rich Content

react-native-htmlview:HTML顯示組件,渲染HTML text 。

彈框

react-native-easy-toast:一款用于React Native上消息提示彈框組件,使用方便,支持定義Toast,支持iOS,Android。

react-native-modal:模態(tài)框,作者已經(jīng)將該組件添加到React Native,所以開發(fā)者可以直接使用Modal;

react-native-popover:一款類似Android popupwindow的彈出框組件。

Material Design

mrn:Material Design組件庫。

react-native-material-design:一款用于React Native上的材料設(shè)計(jì)UI組件庫。

TabLayout

react-native-scrollable-tab-view:一款用于React Native上TabLayout組件。

框架&庫

NativeBase:一款融合了ES6用于在React Native上創(chuàng)建創(chuàng)建高質(zhì)量的Android&iOS APP的框架。

tcomb-form-native:強(qiáng)大的表單處理控件,支持 JSON 模式,可插拔的外觀和感覺。

RNShareSDK:一款基于原生平臺ShareSDK的ReactNative插件,方便RN開發(fā)者集成各大社交平臺的分享和授權(quán)功能。

工具

IDE

Nuclide:Nuclide 是 Facebook 推出的一套基于 Atom 的開發(fā)工具集。用于開發(fā)基于 Hack 的 Web 應(yīng)用。提供自動完成和 JavaScript 類型檢查,內(nèi)建 React 開發(fā)支持,并支持 Facebook 最新的 React Native 庫,支持 Facebook 的 Flow JavaScript 類型檢查器。

WebStorm:JetBrains公司出品的用于前端開發(fā)的IDE,WebStorm有著JetBrains公司IDE的優(yōu)良血統(tǒng),是前端工程師的一個(gè)開發(fā)神器。另外,AndroidStudio也是基于JetBrains的IDE,這對于習(xí)慣了AndroidStudio的開發(fā)者來說,WebStorm無疑是一個(gè)最佳的選擇。

其他

CodePush:CodePush 是微軟提供的一套用于熱更新 React Native 和 Cordova 應(yīng)用的服務(wù)。

Redux:用于JavaScript apps上的一款可預(yù)見的狀態(tài)管理框架。

視頻

React.js Conf 2016

資源網(wǎng)站

React Native官網(wǎng)

React 官網(wǎng)

React-China社區(qū)

React Native中文社區(qū)

React Native組件庫網(wǎng)站

Use React Native 資訊站

新聞&討論

ReactJS 真的好嗎?

資源下載

(深入淺出ES6)ES6-in-depth

JavaScript Promise迷你書(中文版)javascript-promise-book.pdf)

About

本文出自[《React Native 學(xué)習(xí)筆記》欄目。

推薦閱讀

React Native 學(xué)習(xí)筆記

React Native Awesome(匯聚知識,分享精華):匯集了各類react-native學(xué)習(xí)資料、工具、組件、開源App、資源下載、以及相關(guān)新聞等。

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容