React JS

"Introduzione a React JS" - Lightning Talks - 21 Aprile 16- Club degli sviluppatori
@blog: www.giuseppetoto.it

Transcript

1. REACT (JS) Giuseppe Toto @blog: www.giuseppetoto.it A JavaScript library for building user interfaces
2. PERCHE’ REACT JS?
3. PERCHE’ REACT JS? “...give it five minutes…”
4. CHE COSA E’ REACT ? •  Una libreria javascript per costruire e renderizzare efficientemente widget che cambiano dati di continuo •  Nel pattern MVC è la V •  React è utilizzato a pieno regime su Facebook e Instagram
5. COMPONENTE REACT Sono come delle macchine a stati
6. COMPONENTE REACT STATE vs PROPS
7. COMPONENTE REACT •  getInitialState: function •  onRender: function •  componentDidMount: function •  componentWillUnmount:function
8. COMPONENTE REACT ESEMPIO
9. COMPONENTE REACT
10. THINKING IN REACT
11. THINKING IN REACT
12. PERCHE’ REACT JS?
13. PERCHE’ REACT? non è un MVC
14. PERCHE’ REACT? non è un MVC -  React non ha bisogno di conoscere il tuo stack tecnologico -  React si integra facilmente in progetti esistenti
15. PERCHE’ REACT? • Non è un template e non usa le direttive html (approccio tradizionale) ma usa tutta l’espressività e la potenza di js/jsx
16. PERCHE’ REACT? • Incoraggia lo sviluppo di componenti grafici riutilizzabili o Prop Validation o Mixis functions
17. PERCHE’ REACT? VIRTUAL DOM + DIFFING ALGORITHM
18. PERCHE’ REACT? • Sviluppare app native con React Native o React.js/ReactDom.Js o ReactDom.Js/ReactNative.js
19. PERCHE’ REACT? • Eseguire react su un server
20. REACT + REDUX REACT HOT LOADER WITH TIME TRAVEL +
21. riferimenti Documentazione ufficiale: hTps://facebook.github.io/react Give it five minutes hTps://signalvnoise.com/posts/3124-give-it-five-minutes Cosa è React + Esempio (spiegato in breve) hTps://corso-javascript.usefedora.com/courses/corso-javascript/lectures/477475 Secondo Esempio React (comment list) hTps://facebook.github.io/react/docs/tutorial.html Why react ? hTps://facebook.github.io/react/blog/2013/06/05/why-react.html Thinking in React hTps://facebook.github.io/react/docs/thinking-in-react.html Redux hTps://github.com/reactjs/redux Hot Reloading with Time Travel hTps://www.youtube.com/watch?v=xsSnOQynTHs Does React really violate Separation of Concern by puTing HTML and JS in a single file hTps://goo.gl/WQc74z