技術資料
官方權威
- React【React官方學習文檔·英文】
- React-中文文檔【React官方學習文檔·中文 中國程序員的福利】
- React github【React Github地址】
- ReactNative【ReactNative Github地址】
- react-router【React 路由框架 Github地址】
- Redux 【Redux Github地址+附帶學習Example】
- dva【dva Github地址:基於Redux封裝簡化的輕量級狀態管理框架】
- next.js 【next Github地址:服務端渲染框架】
- awesome-react-components【Github地址:收藏了大部分的React組件庫】
- react-developer-roadmap【React技能學習路線指南,一覽react技能衆多的知識點,你可以在下面找到一張圖,該圖展示了你可以選取的路徑及你想學習的庫,從而成爲一名 React 開發者。“作爲 React 開發者,我接下來應該學習什麼?”,我把這張圖作爲建議給每個問過我這一問題的人】
- redux-saga【Redux中間異步庫】
- redux-thunk【Redux中間異步庫】
- redux-persist【React數據持久化】
- electron-react-boilerplate 【React跨平臺桌面應用腳手架項目】
著名社區
- React中文
- ReactNative中文
- React Native中文社區 http://bbs.react-native.cn/
- React Native Tools http://www.rntools.co/
開發工具
- WebStorm 【開發前端技術必備的IDE,需要激活碼,激活碼網上自行查找】
- create-react-app 【目前React最流行的腳手架框架】
- ES6在線轉ES5
教程專欄
- 簡書-React學習資源
- 簡書-專題-React
- 阮一峯+React 入門實例教程
- 阮一峯+React 技術棧系列教程
- 從零開始學習ReactJS
- react-native-guide
- React Native專題 江清清的技術專欄
- 《深入理解ES6》教程學習筆記
- JavaScript深入系列、JavaScript專題系列、ES6系列、React系列
- React全家桶入門教程
在線書籍
- ECMAScript 6 入門
- React小書 預覽
- 深入理解JavaScript系列
- React入門指南
- A Compact React Cookbook【這是一本非常 campact 的 React 煮書,收集了在實踐 React 時的一些問題和解決方法】
- CSS參考手冊
- React入門教程
開源項目
綜合源碼
- awesome-react
- Redux-todolist 幫助你理解Redux,其實Redux就是藉助高階組件與全局Context(Store)通信
- react-pxq【一個 react + redux 的完整項目 和 個人總結】預覽
- react-music-webapp【】預覽
- react-demo【React 示例項目 · 簡易留言板。本項目擁有完善的文檔說明與註釋,讓您快速上手 React 開發 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是東半球最佳的 React Starter,基於 Vue Cli 二次開發】
- react_home【這是一個react得demo/腳手架項目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技術棧】
- react-projects【React實踐與React教程】
- react-redux
- react-lesson
- react-curd
- react-redux【React+Redux 入門示例項目】
技術筆記
- react-native-guide【React Native指南匯集了各類react-native學習資源、開源App和組件】
- knowledge【文檔着重構建一個完整的「前端技術架構圖譜」,方便 F2E(Front End Engineering又稱FEE、F2E) 學習與進階。】
後臺管理
- create-react-app【React最流行的腳手架項目】
- Bootstrap3【Bootstrap3 幫助說明文檔,介紹柵格系統,全局樣式】
- ant.design【ant.design 幫助說明文檔】
- ant-design-pro 後臺管理系統
- React腳手架市場 【挖掘更多二次開發的腳手架】
- react-admin【React+AntD+Redux後臺管理系統解決方案--終極版】預覽
- react-antd-admin【React+AntD+Redux】 預覽
- dva-boot-admin【React+ReactRouter+Dva+AntD】 react admin dashboard ui LANIF-ADMIN --- react 16 + react-router 4 + dva 2 + antd 3 後臺管理 腳手架 支持主題顏色切換 預覽
- cms_community_e_commerce react+redux+antd+dva+react-router4 一個簡易的後臺管理系統
- react-antd
- react-antd-dva
架構方案
- react-demo【Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是東半球最佳的 React Starter】
- reactSPA
- React-SPA
- react-pxq
- winterfall【react 生態體系架構,結合 react、router、redux、saga 實現】
- react-antd-redux-webpack-es6-spa-boilerplate【管理系統架構,基於 antd + react + redux + webpack + ES6 的單頁面應用】
- Tomatobean【集成react + react-router + react-redux的輕量級前端框架。提供keep-live功能,快速構建項目。在構建中大型項目時優勢明顯。】
- youme-education【React構建桌面應用】
開源框架
- fetch
- axios
- redux-alita 簡化redux的使用
常用控件
輪播圖
- swiper【非常強大的輪播控件,支持多種效果定製】 預覽 中文網
- react-slick 預覽
視頻教學
基礎篇
- 視頻:誘人的 react 視頻教程-基礎篇【該網站有更多進階的React視頻】
- 視頻:React基礎語法
- 視頻:React基礎入門
- 視頻:React基礎知識
- 視頻:React進階之詳解Redux
- 視頻:手把手教React Native實戰開發
- 視頻:React Native移動開發技術
- 視頻:React Native-跨平臺APP開發
- 視頻:18年9月React+React-router4.x+Ant Design+Flux視頻教程【鏈接: 提取碼: c8gw 複製這段內容後打開百度網盤】
技術文獻
項目環境
React
- React 全局變量的定義及使用
- React項目配置1(如何管理項目公共js方法)
- React項目配置3(如何管理項目API接口)
- React學習(四)——樣式設置和CSS文件引入
- React 中組件間通信的幾種方式
- React中將帶標籤的字符串轉義爲html解析
Router
Redux
Redux是構建react應用的骨幹架構技術,所以必須要重點掌握
- Redux中文文檔
- 跟着例子一步步學習redux+react-redux
- redux-simple-tutorial【Redux 簡明教程】
- Redux之combineReducers(reducers)詳解 重點介紹了combineReducer函數的使用
- Redux 入門教程(二):中間件與異步操作
- Redux 入門教程(三):React-Redux 的用法
- React中Redux的進階玩兒法
Redux-persist
Redux狀態持久化庫
CSS&DIV
主要講解關於CSS佈局方案,CSS新特性,CSS常用技巧
- Flex 佈局教程:語法篇【阮一峯的編寫的關於Flex超級詳細的教程,圖文並茂,非常推薦】
- 3分鐘看懂flex佈局【flex使用很頻繁,是必須要掌握的一項技能】
- flex兼容性問題
- React實戰環境篇(1)搭建開發環境-WebStorm+create-react-app
- React 實戰環境篇(2)Autoprefixer CSS自動補全前綴-瀏覽器兼容
- 淺談css中一個元素如何在其父元素居中顯示
- CSS樣式優先級問題【通用選擇器(*) < 元素(類型)選擇器 < 類選擇器 < 屬性選擇器 < 僞類 < ID 選擇器 < 內聯樣式】
應用架構
主要涉及到React應用架構功能方面的知識
跨域問題
前端資訊
- npm 發佈 2017 JavaScript 框架報告:React 占主導地位
- 2018 年React 將獨佔前端框架鰲頭【相比 Angular 和 Vue, React 是 2017 年的主要 JS 框架,尤其是 React Native 以前所未有的速度提升自己】