课程编码
reactfluxgraphql
课程时长
28 小时 通常来说是4天,包括中间休息。
要求
- Web application development experience
- Javascript programming experience
- Familiarity with React
Audience
- Developers
课程概览
React是一个Java脚本库,用于构建快速流畅的交互式Web页面。结合Flux架构和GraphQL查询语言,可以构建功能强大且高效的Web应用程序。
在这个由讲师指导的实时培训中,参与者将学习如何使用Flux和GraphQL构建React应用程序。该课程涵盖了安装,设置,集成,测试,部署和最佳实践,因为它引导参与者创建一系列示例应用程序,演示如何使用最先进的工具包和应用程序为应用程序添加额外的复杂性和“酷感”。技术。
与一些开发人员习惯的相比,使用React开发应用程序需要一种不同的思维方式,特别是在来自其他MVC框架(如Angular JS和Bootstrap的思维模式时。
该培训涵盖了每个步骤所使用的技术背后的基础知识,以便参与者不仅能够构建功能性应用程序,还能够理解为何使用特定方法。这为在未来构建自己的应用程序的设计和预期结果的独立和创造性思考奠定了基础。
课程形式
- 部分讲座,部分讨论,练习和繁重的实践练习
Machine Translated
课程大纲
Introduction
- React vs Angular and other Frameworks
Understanding React
- JSX, Components and Props, the Component Life Cycle, etc.
- Managing application state vs data state
Writing React Applications with ES6
- Syntax and ES6+ features to watch out for
Setting up the Development Environment
Overview of Node.js
Installing and Configuring Node.js
Overview of Webpack and Babel
- Understanding "transformation" (translating JSX into JavaScript)
Installing and Configuring Webpack
Installing and Configuring Babel
Installing React and ReactDOM
Writing Your First React Application
Configuring WebPack to Watch for Changes to Source Files
Configuring npm as a Tool Runner
Extending the React Application with New Components
Implement the Flux and Redux Architecture into a React Application
Understanding Flux and Redux
- Stateless Components, Actions, Reducers, Dispatchers, Middleware, Containers, etc.
Building Multiple Views into the React Application
Installing and Configuring Redux
Creating a Simple To-do List with Flux/Redux (with mock server API)
Integrating a Backend with your React Application: GraphQL and Apollo
Overview of GraphQL
- Data Types, Schemas, Graph Structure, and Integration with React
- Limitations of Restful Routing
- GraphQL vs SQL
Writing a GraphQL Query
Authenticating Users
Integrating React Router with GraphQL
Building a Simple Blog with React and GraphQL
Testing your React Application
Processing React Applications with npm Command-line Scripts
Troubleshooting
Structuring the App Repository
Best Practices for Writing React Code
Deploying Your React Application
A Word on Mobile Applications with React Native
Summary and Conclusion