React: Building Large Apps

54mIntermediate2017-08-21

Authors

Emmanuel Henri

Executive with 20+ years of experience in programming and design

Course details

React was built for large and intricate applications. If you want to build bigger and bolder apps with React, you need make its flexibility work for you. That means managing your project, your components, and your application state. Emmanuel Henri explores tools that make building and deploying at large scale easier, and let you see what is happening in your React application well above what you can determine with a typical debugger. Learn best practices for project organization, state management, testing, continuous integration, progressive web apps, and server-side rendering.

Learning objectives
Working with the Electrode and Electrify libraries
React project organization
State management with redux-saga
Testing with Jest, Mocha, and Chai
Continuous integration with Travis CI
SSR and caching optimization

Skills covered

Front-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - Course prerequisites
03 - Using the exercise files

1. Setting Up with Electrode

04 - Introduction to Electrode
05 - Get the project started
06 - Use Electrify for module visualization

2. Project Structure and Modularization

07 - Elements of an enterprise architecture
08 - Project organization
09 - Modules with NPM packages
10 - Docker containers

3. Application Management

11 - Introduction to state management
12 - Redux exploration with redux-saga
13 - Testing exploration
14 - Continuous integration with Travis
15 - Progressive web apps
16 - SSR and caching optimization

Conclusion

17 - Next steps