This is a short tutorial which will get your ReactJS app running with Webpack and Babel.

React is a JavaScript library for building user interfaces and it has three main characteristics:

  • Declarative
  • Component-Based
  • Learn Once, Write Anywhere

Webpack is an open-source JavaScript module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. Webpack takes modules with dependencies and generates static assets representing those modules.

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Here are the main things Babel can do for you:

  • Transform syntax
  • Polyfill features that are missing in your target environment (through @babel/polyfill)
  • Source code transformations (codemods)
  • And more! (check out these videos for inspiration)

In short, Babel is a JavaScript compiler.

To whom is this course addressed:

  • Beginner and intermediate ReactJS Developers
  • ReactJS Developers that want to learn the new ways of working with React and Webpack
  • Anyone

Who this course is for:

  • Beginner and intermediate ReactJS Developers


  • Basic ReactJS
Enroll Now

Leave a Reply