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 的移动应用程序

总结和结论