Course Outline
Introduction
- React vs. Angular and other Frameworks
Understanding React
- JSX, Components and Props, the Component Life Cycle, and more
- Managing application state versus data state
Writing React Applications with ES6
- Syntax and ES6+ features to be aware of
Setting up the Development Environment
Overview of Node.js
Installing and Configuring Node.js
Overview of Webpack and Babel
- Understanding "transformation" (converting JSX into JavaScript)
Installing and Configuring Webpack
Installing and Configuring Babel
Installing React and ReactDOM
Writing Your First React Application
Configuring WebPack to Monitor Changes in Source Files
Configuring npm as a Task Runner
Extending the React Application with New Components
Implementing the Flux and Redux Architecture in a React Application
Understanding Flux and Redux
- Stateless Components, Actions, Reducers, Dispatchers, Middleware, Containers, and more
Building Multiple Views into the React Application
Installing and Configuring Redux
Creating a Simple To-do List with Flux/Redux (using a 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
Requirements
- Experience in web application development
- Experience in JavaScript programming
- Familiarity with React
Audience
- Developers
Testimonials (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
Course - 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.
