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

ok

cancel

Maintenant démo Live
sur R9 !!

Made with Slides.com