课程大纲
介绍
- 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
课程 - 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.