Learn ReactJS with Webpack 4, Babel 7, and Material Design
Quick and simple, fast guide on integrating ReactJS with Webpack, Babel and Material Design.
What you will learn
Webpack
Babel
Integration with ReactJS web Template
Description
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