LES DEVS FONT QUOI ??

LES BASES

TOIT

PORTE

Magic JavaScript

Communique avec les "serveurs"

ATG
H:API
Tumbor
Middleware box

Rend les pages

interactives
intelligentes

En d'autres termes

Le cerveau JavaScript

React

Webpack

Redux

RxJS

Pourquoi React/Redux ?

Créé et utilisé en production par

depuis 2012

C'est OPEN SOURCE !!!!

La silicon valley s'y met et contribue à son développement

grâce à l'approche composants

Approche composants ?

Créer des objets visuels fonctionnels simples, testables et réutilisables

Pour...

Factoriser le code
Maîtriser sa complexité
Faire émerger un design

Exemple

const Button = React.createClass({
    propTypes:{
      color: React.PropTypes.string,
      text: React.PropTypes.string,
    },
    getDefaultProps: () => {
      return {
        color: 'blue',
        text: 'click',   
      };
    },
    render: () => {
        return (
          <button style={{backgroundColor: this.props.color}}>
            {this.props.text}
          </button>
        ):
    },
});


<Button/>


<Button text="ok" />


<Button text="cancel" color="red" />

click

cancel

Maintenant démo Live
sur R9 !!