Ejemplo de react + es6 + webpack + flux

reactes6.md

#React es6

Trabajando con flux y react 2016

create folder

mkdir demo-flux && cd demo-flux

initialize npm

npm init

install dependencies

npm install react react-dom react-router flux --save
npm install babel-loader babel-preset-react babel-preset-es2015 webpack webpack-dev-server --save-dev

agregar o modificar "scripts" en el package.json

"scripts": {
  "start": "./node_modules/.bin/webpack-dev-server"
}

crear folder donde iran las fuentes

mkdir src dist

crear folder donde trabajaremos los javascript

cd src && mkdir js && cd js

crear arquitectura flux

mkdir action component constant dispatcher mixin store

crear src/js/component/app.js

import React from 'react';

export default class App extends React.Component{
	render(){
		return(
		  <h1>Welcome to Flux</h1>
		)
	}
}

crear src/js/main.js

import React from 'react';
import ReactDom from 'react-dom';
import App from './component/app'

ReactDom.render(<App />, document.getElementById('main'));