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 应用和本机应用的比较