Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción al ecosistema de React.js

1,376 views

Published on

Introducción a el ecosistema de react.js

Published in: Software
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks }} ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Introducción al ecosistema de React.js

  1. 1. La librería react.js y su ecosistema React.js Joaquin Salvachua joaquin.salvachua@upm.es
  2. 2. Un poco de historia ❖ “just the UI”. Ataca la V del MVC. ❖ Desarrollado en Facebook para solventar sus problemas internos. ❖ Liberada y usada por multiples proyectos-Compañias- StartUPs. http://conf.reactjs.com/schedule.html
  3. 3. Usado actualmente en … ❖ No en experimentos, sino en despliegue final. ❖ Facebook e Instagram. ❖ Yahoo mail. ❖ Netflix. ❖ Airbn. ❖ Khan Academy ❖ Flipboard ❖ Github Atom ide ❖ Taobao ❖ Muchisismos más ….
  4. 4. Enfoque “funcional” ❖ Si al construir el interfaz todo es aceptable : ❖ ¿Por que complicarlo al recibir modificaciones de diversas partes de la página? ❖ Regenerarlo todo de cero. ❖ ¿No va entonces muy lento? ❖ (( Conceptualmente funcional))
  5. 5. DOM virtual ❖ Puede que realicemos más cambios en el DOM. ❖ Para no penalizar la velocidad se hacen en un DOM virtual. ❖ Una vez acabados todos los cambios se comparan las diferencias con el DOM actual. ❖ Se actualiza el DOM ❖ Sorprendentemente es rápido.
  6. 6. Aplicaciones isomorfas ❖ El mismo código puede ejecutarse en el cliente y en navegador. ❖ Podemos modificar el arbol DOM (navegador) ó enviar html como “string” con los cambios. ❖ Flexibilidad y menor coste computacional.
  7. 7. Encapsulación ❖ Los componentes no son mutables. Son autocontenidos. ❖ El estado está solo en los datos. ❖ No tenemos cambio de estado (se regeneran desde cero). ❖ Ventajas: ❖ Reutilizables. ❖ Componibles. ❖ Unit Testing ❖ Velocidad. ❖ Flipboard app utilizando el canvas. (60 fps) ❖ Netflix modificando Gibbon.js ❖ Copiado por ember 2.0 y angular 2.0.
  8. 8. JSX ❖ Puesto que es orientado a vistas tengo un lenguaje de renderizado. ❖ JSX mezcla javascript y html (menos raro de lo que parece). ❖ traducible a JavaScript Puro (online - offline). ❖ No altera la semantica de JavaScript.
  9. 9. http://jsfiddle.net/uctrnnbk/
  10. 10. Herramientas ❖ React Developer tools. ❖ Extensión de chrome para inspeccionar los componentes de React durante la ejecución.
  11. 11. Gulp ❖ Sustituye a GRUNT ❖ Utiliza el concepto unix de tuberias para hacer las transformaciones de datos. ❖ Más limpio y eficiente que GRUNT.
  12. 12. Browserify
  13. 13. React IDE : Nuclide ❖ Ongoing ❖ Basado en atom ❖ (escrito usando ❖ react.js).
  14. 14. https://github.com/mikechau/ react-primer-draft
  15. 15. Patrones de USO: FLUX
  16. 16. En este libro los ejemplos están en smaltalk y C++ MVC El patrón MVC se usa en multiples niveles. A veces se abusa de él. Complica a veces cuando evolucionamos y modificamos desde múltiples sitios.
  17. 17. FLUX Patrón de uso que sustituye el MVC
  18. 18. FLUX Patrón de uso que sustituye el MVC https://facebook.github.io/flux/
  19. 19. Lo importante es el flujo unidireccional de los datos. Flux y React Ya hay modificaciones (ReFLUX y otras)
  20. 20. MVC http://fluxxor.com/what-is-flux.html
  21. 21. Aplicaciones nativas o html5 React Native Learn Once, Written everywhere. (no existe lenguaje universal)
  22. 22. Otras Mezclas ❖ React se une, naturalemente, con Bootstrap. ❖ Puede unirse con, entre otros : ❖ Backbone.js ❖ Angular.js ❖ Meteor.js ❖ la más afín conceptualmente. https://github.com/reactjs/react-meteor
  23. 23. Ecosistema
  24. 24. ¿Preguntas?

×