RNStudyNotes 研究與實踐
列表https://github.com/crazycodeboy/RNStudyNotes
https://github.com/crazycodeboy/GitHubPopular
- React Native專案實戰視訊教程
- React Native免費自學視訊
- GitHub Popular開發教程,原始碼解析,專案總結
- React Native 問題及解決方案合集
- React Native 效能優化
- React Native Awesome(匯聚知識,分享精華):只求精不求全的React Native學習資料庫。React Native Awesome 彙集了各類react-native學習資料、工具、元件、開源App、以及相關新聞等(據說還有資源下載哦)。
- React Native 每日一學:每天一個知識點(技巧,經驗,填坑日記等),每天學一點,離大神近一點。
- React Native 專案實踐總結
- React Native原生元件開發
- React Native之React速學教程(上)
- React Native之React速學教程(中)
- React Native之React速學教程(下)
- React Native除錯技巧與心得
- Reac Native佈局詳細指南
- React
Native 打包釋出App
- React Native應用部署、熱更新-CodePush最新整合總結
- React Native元件詳解
- React Native 升級與適配
React Native 學習資源精選倉庫(匯聚知識,分享精華)彙集了各類react-native學習資料、工具、元件、開源App、資源下載、以及相關新聞等,只求精不求全。 http://www.devio.org/tags/#React
Native
https://github.com/crazycodeboy/react-native-awesome
React Native Awesome 彙集了各類react-native學習資料、工具、元件、開源App、資源下載、以及相關新聞等,只求精不求全。
如果你是一名React Native愛好者,或者有一顆熱愛鑽研新技術的心,喜歡分享技術乾貨、專案經驗、以及你在React Naive學習研究或實踐中的一些經驗心得等等,歡迎投稿《React Native Awesome》。 如果你是一名Android、iOS、或前端開發人員,有者一顆積極進取的心,歡迎關注《React Native Awesome》。本專案彙集了各類React Native學習資料、工具、元件、開源App、以及相關新聞等。
目錄
資源網站
React.js
React Native
- React Native 官方文件
- React Native 中文版 - 極客學院
- React Native 中文版 - reactnative.cn
- React Native中文社群
- React Native元件庫網站
- Use React Native 資訊站
教程
React.js
React Native
佈局相關
開發除錯
釋出部署
- React Native應用部署/熱更新-CodePush最新整合總結
- React Native釋出APP之簽名打包APK
- ReactNative增量升級方案
- React Native: Android 的打包
- ReactNative之原生模組開發併發布——iOS篇
- ReactNative之原生模組開發併發布——android篇
ES6&ES7
- ES6的新特性,以及ES6與ES5的區別
- 深入淺出ES6(十三):類 Class
- ES6新特性:使用export和import實現模組化
- ES6令人激動的特性
- ES6 學習筆記
- React on ES6+
- React/React Native 的ES5 ES6寫法對照表
- 深入淺出ES6
系列教程
專案實踐&教程
- ReactNative For Android 專案實戰總結
- Moles:攜程基於React Native的跨平臺開發框架
- 構建 Facebook F8 2016 App / React Native 開發指南
- React Native 從入門到原理
開源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:模態框,作者已經將該元件新增到React Native,所以開發者可以直接使用Modal;
- react-native-popover:一款類似Android popupwindow的彈出框元件。
Material Design
- mrn:Material Design元件庫。
- react-native-material-design:一款用於React Native上的材料設計UI元件庫。
TabLayout
- react-native-scrollable-tab-view:一款用於React Native上TabLayout元件。
框架
- NativeBase:一款融合了ES6用於在React Native上建立建立高質量的Android&iOS APP的框架。
- tcomb-form-native:強大的表單處理控制元件,支援 JSON 模式,可插拔的外觀和感覺。
庫
- react-native-launch-image:用在React Native上手動關閉iOS啟動介面(Launch Screen)的工具。詳細說明
- RNShareSDK:一款基於原生平臺ShareSDK的ReactNative外掛,方便RN開發者整合各大社交平臺的分享和授權功能。
工具
IDE
- Nuclide:Nuclide 是 Facebook 推出的一套基於 Atom 的開發工具集。用於開發基於 Hack 的 Web 應用。提供自動完成和 JavaScript 型別檢查,內建 React 開發支援,並支援 Facebook 最新的 React Native 庫,支援 Facebook 的 Flow JavaScript 型別檢查器。
- WebStorm:JetBrains公司出品的用於前端開發的IDE,WebStorm有著JetBrains公司IDE的優良血統,是前端工程師的一個開發神器。另外,AndroidStudio也是基於JetBrains的IDE,這對於習慣了AndroidStudio的開發者來說,WebStorm無疑是一個最佳的選擇。
其他
- CodePush:CodePush 是微軟提供的一套用於熱更新 React Native 和 Cordova 應用的服務。
- Redux:用於JavaScript apps上的一款可預見的狀態管理框架。
- 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應用。
資源下載
相關文章
- DIY技術資訊抓取工具的實踐與研究
- iOS應用自動推送的方法研究與實踐iOS
- Cisco系列路由器密碼恢復研究與實踐路由器密碼
- 資料中心基礎設施高可用提升研究與實踐
- 北京航空航天大學:XR與數字孿生技術研究與實踐
- 對Oracle高水位線的研究實踐Oracle
- 超解析度技術在實時音視訊領域的研究與實踐
- Redis核心原理與實踐--事務實踐與原始碼分析Redis原始碼
- Flutter探索與實踐Flutter
- Redis使用與實踐Redis
- Webpack原理與實踐Web
- Vue 探索與實踐Vue
- 前沿課題研究與實踐___之五---金鑰託管及問題探索 (轉)
- TypeScript入門與實踐TypeScript
- redux啟示與實踐Redux
- Mysql加鎖與實踐MySql
- MelGan原理與實踐篇
- locsut 入門與實踐
- Vue CLI 原理與實踐Vue
- ChatGPT的探索與實踐ChatGPT
- 彈性探索與實踐
- Kafka 入門與實踐Kafka
- Docker 入門與實踐Docker
- Redux 基礎與實踐Redux
- SASS入門與實踐
- RocketMQ的原理與實踐MQ
- Hive配置與操作實踐Hive
- 談理論與實踐
- 雲場景實踐研究第79期:熊貓直播
- 雲場景實踐研究第64期:新浪微博
- 開源實踐 | 攜程在OceanBase的探索與實踐
- 開源實踐 | 攜程在 OceanBase 的探索與實踐
- Flutter 深色模式分析與實踐Flutter模式
- React Native 實踐與感悟React Native
- Redis Cluster深入與實踐(續)Redis
- WebSocket簡介與最佳實踐Web
- MobX流程分析與最佳實踐
- Flutter原理與美團的實踐Flutter