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.

Webinar - Iniciación a React para desarrollo de interfaces de usuario

539 views

Published on

Presentación del webinar Iniciación a React para desarrollo de interfaces de usuario, en el que hemos profundizado en la librería React, que permite desarrollar interfaces de usuario y aplicaciones frontend basadas en JavaScript: características, herramientas disponibles, desarrollo de componentes, etc..

Vídeo íntegro del webinar disponible en https://www.youtube.com/user/Arsys

Más información en https://www.arsys.es/blog

Published in: Internet
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       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
  • 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

Webinar - Iniciación a React para desarrollo de interfaces de usuario

  1. 1. Miguel Angel Alvarez Iniciación a React @midesweb
  2. 2. Qué veremos hoy ▪ Índice o Qué es React o Iniciar un proyecto React o Desarrollo de componentes con React • Propiedades • Eventos o Gestión del estado • Qué es el estado • Componentes sin estado • Componentes con estado o Ciclo de vida de los componentes
  3. 3. Qué es React
  4. 4. Qué es React Librería Javascript para el desarrollo de interfaces de usuario, de código libre, creada por originalmente por Facebook. - Basada en componentes - Alto rendimiento - Fácil de usar React
  5. 5. Qué es React Un componente es una pieza reutilizable que tiene encapsulada: - Una presentación - Una funcionalidad Unos componentes se basan en otros y colaboran entre sí para resolver las necesidades de las aplicaciones. Componentes https://unsplash.com/
  6. 6. Qué es React React implementa un flujo de datos unidireccional. - Al actualizarse el estado del componente se actualizan automáticamente las vistas. - Los datos pueden viajar desde los componentes padres hacia los hijos Flujo de datos
  7. 7. Alto rendimiento Virtual DOM Una de las principales características de React es su velocidad. En parte lo consigue gracias al Virtual DOM. Jerarquía DOM. Wikipedia Virtual DOM (en memoria) DOM real (en el navegador)
  8. 8. Primeros pasos
  9. 9. Primeros pasos ● Instalar NodeJS (8.10.0 o superior) https://nodejs.org ● Instalar Git https://git-scm.com/ ● npx create-react-app my-app ● cd my-app ● npm start https://github.com/facebook/create-react-appCreate React App
  10. 10. Primeros pasos Desarrollar un componente
  11. 11. Primeros pasos Importamos el componente Usamos el componente Usar un componente
  12. 12. Primeros pasos Podemos cargar datos en los componentes por medio de sus propiedades. Propiedades Al implementar el componente puedo usar el valor de las propiedades seteadas
  13. 13. Primeros pasos Podemos asociar manejadores de eventos de manera declarativa Eventos
  14. 14. Primeros pasos Podemos asociar manejadores de eventos de manera declarativa Eventos Los manejadores son métodos del propio componente
  15. 15. Primeros pasos Podemos asociar manejadores de eventos de manera declarativa Eventos Los manejadores son métodos del propio componente Generalmente tendrás que bindear el contexto para poder acceder a "this"!!
  16. 16. Gestión del estado
  17. 17. Gestión del estado ▪ Componentes con estado o Mantienen datos propios y los pueden cambiar a lo largo del tiempo. o Estos componentes son capaces de enviar sus datos para que otros componentes los puedan usar ▪ Componentes sin estado o No almacenan ni transforman ningún dato en particular. o A través de propiedades podemos cargarles datos, que pueden mostrar en su vista, pero no los modifican. Statefull / Stateless
  18. 18. Gestión del estado Un estilo diferente de crear componentes a partir de una sencilla función Los valores de las propiedades se obtienen con el parámetro de la función Stateless function components
  19. 19. Gestión del estado Componente con estado
  20. 20. Gestión del estado Componente con estado
  21. 21. Gestión del estado Componente con estado
  22. 22. Ciclo de vida
  23. 23. Ciclo de vida El ciclo de vida de los componentes permite enganchar comportamientos en los distintos momentos de la vida de un componente. Ciclo de vida
  24. 24. Gracias Miguel Angel Alvarez insight@insightcreativos.com 649 76 76 31 @midesweb

×