How to Setup Webpack and Babel 7 for React

We are going to learn how to setup Webpack and Babel for our React app. We will use Babel to compile JSX into JavaScript into JavaScript. Babel on its own actually has no functionality. We have to add various pulgins and presets to add support particular language features. We use @babel/preset-env to convert ES6, ES7 and ES8 code to ES5. We use react-preset to convert our JSX syntax into JavaScript. This time lets try with some JSX code in our app. It gives us just to focus on React by letting take care of the configuration.