React js + ES6
1 like508 views
Una breve introduzione a REACT e ES6, perch竪 usarli e come funzionano.
![Arrows
var f = (a,b) => a + b; // f(1,2) = 3
[a, b, c].map(v => v.toUpperCase()); // [A, B, C]
Lexical this](https://image.slidesharecdn.com/reactjses61-160307082227/85/React-js-ES6-9-320.jpg)
React js + ES6
- 1. Introduzione a React.js + ES6 DevDay Napoli 16 novembre 2015 - Davide Cerbo
- 2. Davide Davide Cerbo 10+ anni di esperienza Full stack (o quasi)
- 3. Cosa 竪 React? React 竪 una libreria per la UI, in MVC 竪 la V
- 4. +
- 6. Disclaimer Questa presentazione non contiene tutto lo scibile su REACT e ES6, ma solo quello che ritengo sia utile per iniziare.
- 8. Introduzione a ES6 Arrows Classes Modules
- 9. Arrows var f = (a,b) => a + b; // f(1,2) = 3 [a, b, c].map(v => v.toUpperCase()); // [A, B, C] Lexical this
- 10. Classes
- 11. Modules
- 12. Ed ancora... Promises Text template Destructuring etc https://github.com/lukehoban/es6features
- 14. Sbam!
- 16. State & props Le propriet sono opzioni del componente che vengono passate dal padre al figlio e sono immutabili Lo stato rappresenta la situazione attuale delloggeto ed 竪 mutabile.
- 17. Virtual DOM React utilizza una rappresentazione virtuale del DOM Usa un algoritmo di differenza tra alberi ed una euristica O(n^3) => O(n) Questo garantisce elevate prestazioni
- 18. One-way data binding <ComponentA /> <ComponentB /> <ComponentC /> <ComponentB />
- 19. Hello Component!
- 20. Demo
- 21. Demo https://github.com/gesposito/bare-webpack unzip bare-webpack-master.zip cd bare-webpack-master npm install npm run dev http://localhost:3000
- 22. Hello Component! (+ sorpresa)
- 23. REFS
- 24. Non 竪 tutto
- 26. Link e risorse https://egghead.io/series/react-flux-architecture https://facebook.github.io/react/ https://www.youtube.com/watch?v=bEI06xF_xxE (Video in italiano) https://www.youtube.com/watch?v=-A90OnLeWfA (Video in italiano) https://www.youtube.com/watch?v=ET0KWjoRMao (Video in italiano) https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6 https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207