This wiki will instruct you how to set up a bare-bones project that uses React, Webpack and ES6. We’ll go over getting everything set up in depth.
For this project we will make use of Webpack, which is a module bundler, and is commonly used in React projects.
React goes well with ES6, so we’re going to use ES6 in our code.
ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009.
ES6 doesn’t work in browsers on its own yet, but we can make it work manually using Babel to transpile it to ES5.
A key feature of the technologies we are using is that our
Here is a list of all the instructions mentioned in this tutorial.
npm install webpack webpack-dev-server -g
mkdir react-webpack-example && cd $_
npm install --save-dev react react-dom webpack webpack-dev-server babel-loader babel-core babel-preset-es2015 babel-preset-react
webpack-dev-server --content-base dist
- Open Webpack Dev Server route in browser. Done!