React, Redux and TypeScript

• HTML 基礎知識
• JavaScript經驗

React是一個廣泛使用的庫，用於在Java Script和HTML創建單頁面應用程序。它被Facebook ，Instagram，Netflix或紐約時報等公司使用。

本課程將介紹React和其他庫（如Angular和Vue.js ）所基於的基礎，並重點介紹React的特定內容。它還將涵蓋React常用的技術，如Redux和React -Router。

在本課程結束時，參與者將能夠在遵循最佳實踐的同時使用React構建各種複雜的應用程序。

現代前端應用程式的開發

• React、Angular 的概述和相似之處 Vue.js
• 聲明性呈現
• 元件 - 定義自訂 HTML 標記
• 使用 create-react-app 初始化 React 專案

現代 JavaScript

• 使用 Node.js 和 NPM 進行開發
• JavaScript 版本
• 使用模組
• 函數和箭頭函數
• 類
• JavaScript 中的函數式程式設計（map、filter 等）

TypeScript

• 靜態類型與動態類型
• 聲明變數、函數和類的類型
• 基本數據類型
• 元組、物件
• 介面
• 泛型

React 範本語言

• 基於 JavaScript 的範本語言：JSX
• 設置元素屬性
• 重複元素
• 如果 / else
• 事件
• CSS 類和樣式

在 React 中管理狀態

• 設置和更改應用程式狀態
• 使用 state hook 和 setState
• 捕獲狀態中輸入元素的內容

元件：現代 Web 應用程式的構建塊

• 在 React 中定義自訂 HTML 標籤
• 狀態、道具和事件
• 元件之間的數據流
• 函數元件和類元件
• 在函數元件中使用鉤子
• 元件生命週期事件（掛載、更新、卸載）
• 包括庫中的預定義元件

使用 Redux 進行狀態管理

• Redux 基礎知識：使用純函數、化簡器和不可變數據進行狀態管理
• 在 React 中使用 reducer 鉤子
• 將 Redux 集成到 React 應用程式中
• 表示和容器元件
• Redux 生態系統
• 使用 Thunk 處理異步事件
• 從 REST API 獲取數據

開發人員工具和測試

• React 開發者工具
• Redux 開發者工具
• 使用 Jest 測試 JavaScript
• 測試減速機
• 測試 React 元件

React 路由器

• 用戶端路由
• 根據當前瀏覽器路由顯示不同的檢視

使用 React 進行應用開發

• React Native 的簡短概述
• 使用漸進式 Web 應用程式創建可安裝的行動和桌面應用程式
• 漸進式 Web 應用和本機應用的比較