课程大纲

介绍

  • 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

观众

  • 开发 人员
  28 小时

人数



每位参与者的报价

客户评论 (2)

相关课程

Relay: Efficiently Fetch Data in React Applications

  14 小时

课程分类