Learn ReactJS with Webpack 4, Babel 7, and Material Design

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