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
- Beginner and intermediate ReactJS Developers
Suggest:
☞ React JS and Redux Bootcamp - Master React Web Development
☞ Complete Modern Developer: React JS with Redux & SpriteKit
☞ Master JavaScript from Scratch (with jQuery and React JS)
☞ React: Web Apps with ReactJS and Redux - The Complete Course