Babel is a JavaScript compiler which is used to transform ES6
JavaScript code to ES5 JavaScript which the browsers can understand. This
transformation is called transpilation. React components are generally written
using ES6 classes and JSX syntax, bable loaders are used to transpile ES6 and
JSX code to core ES5 JavaScript.
Webpack cannot compile ES6 JavaScript code, hence it used loaders to transpile ES6 and JSX code. In the React sample we used bable-loader in the webpack configuration to compile ES6 and JSX code into native JavaScript code.
For the React Application we used the following 3 bable packages
Webpack cannot compile ES6 JavaScript code, hence it used loaders to transpile ES6 and JSX code. In the React sample we used bable-loader in the webpack configuration to compile ES6 and JSX code into native JavaScript code.
For the React Application we used the following 3 bable packages