Le but de ce workshop est d'initier les intégrateur(trice)s web qui veulent monter en compétence sur JavaScript et React
Nous verrons comment produire des composants React de qualité, directement réutilisables dans des applications.
Durée : 3h
Prérequis :
- HTML, CSS, JavaScript basique
- Notions de npm
- ES2015 : template litterals : https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Litt%C3%A9raux_gabarits
- Lire http://putaindecode.io/fr/articles/frontend/2016-2-ans-avec-react-babel-webpack-et-cie/
- Un ordinateur avec NodeJS et npm installés
Contenu :
- comprendre et mettre en place la "stack" React : babel, webpack, npm
- basiques de JavaScript ES2015+
- basiques de React
- panorama des différentes solutions de styling : CSS in JS, glamor, styled-components...
- utilisation avancée de styled-components : responsive, composants paramétrables...
- création de style guides avec react-storybook
- publication de composants sur npm
cf aussi http://putaindecode.io/fr/articles/js/react/styled-components/