Progressive Web Apps with React

Babel stage 1

As we explained in the Webpack chapter, Babel is the tool we use to allow us to use cutting edge JavaScript features and then transpile those into a version of JavaScript the browser will understand.

In this chapter, we will use another cutting edge feature: conditional imports. Before we get started with those, however, we need to change our Babel configuration.

The JavaScript language is constantly evolving. The committee in charge of updating it is called TC39 and they develop updates according to the TC39 process. It works as follows:

• A new JavaScript feature is suggested, at which point it is called "stage 0"
• A proposal is created for how it will work ("stage 1")
• An implementation is created ("stage 2")
• It is polished ...