課程簡介
介紹
- React 與 Angular 和其他框架
瞭解 React
- JSX、元件和道具、元件生命週期等。
- 管理應用程式狀態與數據狀態
使用 ES6 撰寫 React 應用程式
- 需要注意的語法和 ES6+ 功能
設置開發環境
Node.js 概述
安裝和設定 Node.js
Webpack 和 Babel 概述
- 理解“轉換”(將 JSX 翻譯成 JavaScript)
安裝和配置 Webpack
安裝和配置 Babel
安裝 React 和 ReactDOM
編寫您的第一個 React 應用程式
配置 WebPack 以監視對源檔的更改
將 npm 配置為 Tool Runner
使用新元件擴展React 應用程式
將 Flux 和 Redux 架構實現到 React 應用程式中
瞭解通量和 Redux
- 無狀態元件、操作、化簡器、調度器、中間件、容器等。
在 React 應用程式中構建多個視圖
安裝和設定 Redux
使用 Flux/Redux 建立簡單的待辦事項清單(使用模擬伺服器 API)
將後端與您的 React 應用程式集成:GraphQL 和 Apollo
GraphQL 概述
- 數據類型、模式、圖形結構以及與 React 的整合
- Restful 路由的局限性
- GraphQL 與 SQL
編寫 GraphQL 查詢
對用戶進行身份驗證
將 React 路由器與 GraphQL 集成
使用 React 和 GraphQL 構建一個簡單的博客
測試 React 應用程式
使用 npm 命令行文本處理 React 個應用程式
故障排除
構建應用程式存儲庫
編寫 React 代碼的最佳實踐
部署 React 應用程式
A Word 關於使用 React Native 的行動應用程式
總結和結論
最低要求
- Web 應用程式開發經驗
- Javascript 程式設計經驗
- 熟悉 React
觀眾
- 開發人員
客戶評論 (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Course - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.