Building Interactive Applications with React, Redux and GraphQL

• Web 應用程式開發經驗
• Javascript 程式設計經驗
• 熟悉 React

觀眾

• 開發人員

React是一個Java腳本庫，用於構建快速流暢的交互式Web頁面。結合Flux架構和GraphQL查詢語言，可以構建功能強大且高效的Web應用程序。

在這個由講師指導的實時培訓中，參與者將學習如何使用Flux和GraphQL構建React應用程序。該課程涵蓋了安裝，設置，集成，測試，部署和最佳實踐，因為它引導參與者創建一系列示例應用程序，演示如何使用最先進的工具包和應用程序為應用程序添加額外的複雜性和“酷感”。技術。

與一些開發人員習慣的相比，使用React開發應用程序需要一種不同的思維方式，特別是在來自其他MVC框架（如Angular JS和Bootstrap的思維模式時。

該培訓涵蓋了每個步驟所使用的技術背後的基礎知識，以便參與者不僅能夠構建功能性應用程序，還能夠理解為何使用特定方法。這為在未來構建自己的應用程序的設計和預期結果的獨立和創造性思考奠定了基礎。

課程形式

• 部分講座，部分討論，練習和繁重的實踐練習

介紹

• 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 的行動應用程式

總結和結論