Iniciación a React y ES6 con webpack

¿Aún no conoces React? Si quieres ponerte las pilas y unirte a la nueva revolución en la construcción de interfaces de usuario, no puedes perderte este taller.

Mediante la creación de un pequeño ejemplo, introduciremos este nuevo framework desarrollado por Facebook aprovechando las novedades del lenguaje JavaScript en su nueva versión ES6 (ES2015). Todo ello construido y empaquetado de manera sencilla por webpack :)

React + ES6 + webpack = una combinación ganadora!!!

NOTA: Puedes consultar todos los requisitos necesarios para este taller en la siguiente dirección: https://github.com/borillo/codemotion-2015

Transcript

1. React y ES6 con webpack Ricardo Borillo @borillo
11. https://github.com/borillo/codemotion-2015
12. #hands-on
15. index.html
16. webpack.config.js
17. $ webpack $ webpack -p
18. webpack loaders
19. $ npm install \ --save-dev css-loader $ npm install \ --save-dev style-loader
20. webpack.config.js
21. #hands-on
23. https://kangax.github.io/compat-table/es6/ ES6 adoption Array Class Destructuring Generator Map Reflect Set Iterator Object literal Template strings String Symbol Arrow functions Block scope Rest operator Spread operator Default parameters Modules Object Number Unicode
25. JSX
26. index.js
27. properties & events
28. index.js
29. state
30. index.js
31. lifecycle
32. componentWillMount: Before render componentDidMount: After render componentWillUnmount: Before remove DOM
33. #hands-on
35. React Hot Loader Flux: Redux React Router SASS React Toolbox