In The several ways to import React, Kent C. Dodds also covers a bit about JSX and “the JSX pragma”. Here’s a video of CSS Tricks’ Chris Coyier goofing around with it.
So you Google how to make your app work in IE 10, or 11, or whatever. You’re quickly flooded with acronyms and terms you’ve never heard before ES5, ES6, ESNext, ES2020, TC39, ECMA. What’s a transpiler? People are debating about polyfills and ponyfills; is there a difference?
This resource came in quite handy when setting up React in combination with ES6 , Webpack and Babel.
Installing all the required dependencies:
# Install Webpack
npm install --save-dev webpack
# Install the Babel Loader, for use with Webpack
npm install --save-dev babel-loader
# Install the es2015 and react presets, for use with Babel
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-react