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

  • 2019-03-11 02:51 AM
  • 385

Quick and simple, fast guide on integrating ReactJS with Webpack, Babel 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)

Learn More

React - The Complete Guide (incl Hooks, React Router, Redux)
Modern React with Redux [2019 Update]
React Native - The Practical Guide
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Full Stack Developers: Everything You Need to Know
Learn React.js for Beginners
React Hooks Tutorial for Beginners: Getting Started With React Hooks
Learn React - React Crash Course 2019 - React Tutorial with Examples
Build Your First App with React’s Context API

Original video source: https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w/featured

Website: http://vrl.to/ce1a258911
YouTube Playlists: http://vrl.to/d5fc7d45
Learn to code: http://vrl.to/ee8f135b
Fanpage: http://vrl.to/b9e735406b
Twitter: http://vrl.to/76d261e1e5
Pinterest: http://vrl.to/470c21b7c2
Tumblr: http://vrl.to/e2b55fc90f