React Native Awesome 匯集了各類react-native學習資料售滤、工具罚拟、組件、開源App完箩、資源下載赐俗、以及相關(guān)新聞等,只求精不求全嗜憔。
如果你是一名React Native愛好者秃励,或者有一顆熱愛鉆研新技術(shù)的心,喜歡分享技術(shù)干貨吉捶、項目經(jīng)驗夺鲜、以及你在React Naive學習研究或?qū)嵺`中的一些經(jīng)驗心得等等,歡迎投稿《React Native Awesome》呐舔。
如果你是一名Android币励、iOS、或前端開發(fā)人員珊拼,有者一顆積極進取的心食呻,歡迎關(guān)注《React Native Awesome》。本項目匯集了各類React Native學習資料、工具仅胞、組件每辟、開源App、以及相關(guān)新聞等干旧。
目錄
資源網(wǎng)站
React.js
React Native
- React Native 官方文檔
- React Native 中文版 - 極客學院
- React Native 中文版 - reactnative.cn
- React Native中文社區(qū)
- React Native組件庫網(wǎng)站
- Use React Native 資訊站
教程
React.js
React Native
布局相關(guān)
開發(fā)調(diào)試
發(fā)布部署
- React Native應用部署/熱更新-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實現(xiàn)模塊化
- ES6令人激動的特性
- ES6 學習筆記
- React on ES6+
- React/React Native 的ES5 ES6寫法對照表
- 深入淺出ES6
系列教程
-
React Native項目實戰(zhàn)視頻教程
- React Native免費自學視頻
- React Native 學習筆記
- React Native高手進階-專欄
- React Native高手進階-專題
- React Native 每日一學(Learn a little every day)
項目實踐&教程
-
React Native項目實戰(zhàn)視頻教程
-
教你輕松在React Native中集成統(tǒng)計的功能)
- React Native免費自學視頻
- 快速創(chuàng)建React Native App
- 手把手教你構(gòu)建運行React Native官方Examples
- ReactNative For Android 項目實戰(zhàn)總結(jié)
- Moles:攜程基于React Native的跨平臺開發(fā)框架
- 構(gòu)建 Facebook F8 2016 App / React Native 開發(fā)指南
- React Native 從入門到原理
- Mac(OSX)平臺搭建React Native開發(fā)環(huán)境
- Windows平臺搭建React Native開發(fā)環(huán)境
開源APP
它山之石可以攻玉挠将。
GitHubPopular:基于React Native的查看、閱讀编整、收藏GitHub上 最受歡迎的開源項目的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的計算器断箫,iOS/Android、Web秋冰、桌面多端仲义。
react-native-dribbble-app:基于React Native的Dribbble客戶端。
noder-react-native:Noder-cnodejs客戶端剑勾。
ZhiHuDaily-React-Native:知乎日報Android版埃撵。
react-native-gitfeed:一款基于React Native的GitHub客戶端。
FinanceReactNative:Finance - 股票報價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族展。
組件
UI
- react-native-vector-icons ★2281:用于 React Native的可定制的圖標資源庫森缠,支持 NavBar/TabBar, image source 以及樣式。
Navigation
- react-native-router-flux:一款很火的導航組件仪缸。
- react-native-navbar:一款用于React Native上的可定制的導航條贵涵。
- 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è)計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:強大的表單處理控件,支持 JSON 模式走搁,可插拔的外觀和感覺独柑。
庫
- react-native-launch-image:用在React Native上手動關(guān)閉iOS啟動界面(Launch Screen)的工具。詳細說明
- RNShareSDK:一款基于原生平臺ShareSDK的ReactNative插件,方便RN開發(fā)者集成各大社交平臺的分享和授權(quán)功能私植。
工具
IDE
- Nuclide:Nuclide 是 Facebook 推出的一套基于 Atom 的開發(fā)工具集忌栅。用于開發(fā)基于 Hack 的 Web 應用。提供自動完成和 JavaScript 類型檢查曲稼,內(nèi)建 React 開發(fā)支持索绪,并支持 Facebook 最新的 React Native 庫,支持 Facebook 的 Flow JavaScript 類型檢查器躯肌。
- WebStorm:JetBrains公司出品的用于前端開發(fā)的IDE者春,WebStorm有著JetBrains公司IDE的優(yōu)良血統(tǒng),是前端工程師的一個開發(fā)神器清女。另外钱烟,AndroidStudio也是基于JetBrains的IDE,這對于習慣了AndroidStudio的開發(fā)者來說,WebStorm無疑是一個最佳的選擇拴袭。
其他
- CodePush:CodePush 是微軟提供的一套用于熱更新 React Native 和 Cordova 應用的服務读第。
- Redux:用于JavaScript apps上的一款可預見的狀態(tài)管理框架。
- redux-react-native-i18n An i18n solution with plural forms support for React Native apps on Redux
視頻
新聞&討論
一次學習怜瞒,隨處可寫
- react-native-macos:使用React Native和Cocoa組建macOS桌面應用。
- react-native-web:使用React Native組建Web應用般哼。