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ā)布部署
React Native應(yīng)用部署/熱更新-CodePush最新集成總結(jié)
ReactNative之原生模塊開發(fā)并發(fā)布——iOS篇
ReactNative之原生模塊開發(fā)并發(fā)布——android篇
ES6&ES7
ES6新特性:使用export和import實(shí)現(xiàn)模塊化
React/React Native 的ES5 ES6寫法對照表
系列教程
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ā)指南
開源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)管理框架。
視頻
資源網(wǎng)站
新聞&討論
資源下載
JavaScript Promise迷你書(中文版)javascript-promise-book.pdf)
About
本文出自[《React Native 學(xué)習(xí)筆記》欄目。
推薦閱讀
React Native Awesome(匯聚知識,分享精華):匯集了各類react-native學(xué)習(xí)資料、工具、組件、開源App、資源下載、以及相關(guān)新聞等。