HackerNoon Mobile

Better reading experience on the app
How to Setup Webpack and Babel 7 for Reactby@iamismile
4,229 reads

How to Setup Webpack and Babel 7 for React

tldt arrow
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

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.

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - How to Setup Webpack and Babel 7 for React
Ismile Hossain HackerNoon profile picture


Ismile Hossain

Receive Stories from @iamismile

react to story with heart


. . . comments & more!