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 !!
presentation dev
By Florent DUVEAU
