/react-es6-webpack-babel-tutorial

React for ES6 with Webpack and Babel tutorial

Primary LanguageJavaScript

Introduction

This is a simple demo application using ReactJS, webpack, ES6 and babel as transpiler.

#Synopsis

ReactJS has been taking the world of front end development by storm gaining widespread usage at many software companies. Described by its own homepage as the V in MVC, React allows you to build reusable UI components and makes maintaining changes in your data’s state effortless by abstracting the DOM. Combined with a bundler utility like Webpack, React greatly simplifies building and maintaining Single Page Applications.

Source

https://www.twilio.com/blog/2015/08/setting-up-react-for-es6-with-webpack-and-babel-2.html

Compile & convert the JS files with webpack+babel

webpack -p --progress --colors --devtool sourcemap

location

The compiled file is located in the assets/ folder.

Thanks

Thanks to the author for this great article

ps: some adjustment has been made to the webpack config to output the compiled file