JSX / ES6

ES6 : Object oriented Javascript

JSX : Optimization on compilation to be faster than Javascript

class Hello extends React.Component {
  render() {
    return <div>
            Hello {this.props.toWhat}
           </div>;
  }
}

ReactDOM.render(
  <Hello toWhat="World" />,
  document.getElementById('root')
);

class Hello extends React.Component {
  render() {
    return React.createElement(
      'div', null, `Hello ${this.props.toWhat}`
    );
  }
}

ReactDOM.render(
  React.createElement(
    Hello, {toWhat: 'World'}, null
  ),
  document.getElementById('root')
);

https://www.wanadev.fr/21-introduction-a-ecmascript-6-le-javascript-de-demain/

https://facebook.github.io/react/docs/jsx-in-depth.html

Redux

Single source of data : Store

Actions

Reducers

... and middlewares

Combine them all !