Skip to content

React.js starter project with webpack, webpack-dev-server, react-hot-loader and babel for ES6

Notifications You must be signed in to change notification settings

urbik/reactjs-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React.js Starter

This is personal React.js starter project with webpack, webpack-dev-server, react-hot-loader and ES6 babel loader.

Other libraries/loaders/functionalities:

  • style/css loader
  • less and less loader
  • url loader
  • bootstrap
  • embed png data uri
  • minify scripts & css

I'll add more usefull libraries in future...

Requirements

  • Node.js
  • npm

Setup app

git init
npm install --dev

Run app

npm start

Build app

npm run build

View app

app

http://localhost:8080/

app in devel mode

http://localhost:8080/webpack-dev-server/

This environment

setup git and NPM

git init
npm init

webpack global

* npm install webpack --global
* npm install webpack-dev-server --global

webpack local

npm install webpack --save-dev
npm install webpack-dev-server --save-dev

babel loaders

npm install --save-dev babel-core
npm install --save-dev babel-loader
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-react

other loaders

npm install file-loader --save-dev
npm install url-loader --save-dev
npm install style-loader --save-dev
npm install css-loader --save-dev
npm install less-loader --save-dev
npm install react-hot-loader --save-dev

postcss

npm install postcss-loader --save-dev
npm install autoprefixer --save-dev

other

npm install less --save-dev
npm install bootstrap-less --save

react

npm install react --save
npm install react react-dom --save

About

React.js starter project with webpack, webpack-dev-server, react-hot-loader and babel for ES6

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published