react

Recursos de programación de react
En un desarrollo multiplataforma web y móvil con React tenemos dos opciones: - Pastilla azul: desarrollamos una versión web con React y otra móvil con React Native, siendo cada una de ellas un proyecto independiente duplicando funcionalidades y solucionando los problemas dos veces. - Pastilla roja: afrontamos un único desarrollo multiplataforma en un único proyecto. Resolvemos los problemas funcionales una única vez a costa de tener que resolver problemas concretos de cada plataforma. Revisaremos las diferentes estrategias que existen, cuál hemos elegido y cómo la hemos llevado a cabo en un proyecto real. # Irati Casi Graduada en Ingeniería Informática por la Universidad Pública de Navarra. Máster en Ingeniería web por la Universidad Politécnica de Madrid. Experiencia desarrollando aplicaciones con tecnología React y React Native: Desarrollando el servicio de sharing de vehículos líder del sector. Desarrollando para Lookiero un proyecto móvil de estrategia de código compartido entre React y React Native. Enfocada en desarrollar software mantenible, cambiable y testable aplicando prácticas extreme programming. # Mikel Ros Desarrolla software para empresas nacionales e internacionales con el objetivo de que sea mantenible y fácil de cambiar a través de metodologías ágiles y extreme programming. Desarrollando el servicio de sharing de vehículos líder del sector. Liderando un proyecto móvil de estrategia de código compartido entre React y React Native. Formador en proyectos frontend web y móvil abstrayendo el uso concreto de la tecnología o el framework y centrándose en resolver los problemas del negocio. Enfocado en la integración y el despliegue continuo con un feedback loop corto y mediante testing y diseño simple. # Redes sociales Twitter: https://twitter.com/540deg?s=20 página web: https://540deg.com/
Tras 3 temporadas de #MeetupsGeeksHubs, streamings en directo cada jueves en nuestro canal de Youtube, damos paso a una nueva etapa… ¡Van a suceder cosas diferentes, vamos a hacer realidad todas vuestras propuestas y van a venir invitadxs que os van a sorprender mucho! 😎 Empezamos con #Vue, uno de los frameworks #Frontend más populares, junto con #React y #Angular. Uno de los motivos es la positiva experiencia de desarrollo, que abarca prácticamente todas las expectativas de los profesionales y ofrece bastante libertad a la hora de organizar el código de los proyectos, manteniéndolos simples. Además, Vue cuenta con una comunidad de desarrolladores entusiastas y una amplia documentación. 📗 En esta sesión, Gonzalo va a empezar por el principio: ⚫ Analizando y enseñándote su forma de trabajo, ¡verás que no es tan distinto a sus competidores! ⚫ Mostraremos similitudes con sus hermanos mayores y analizaremos algunas de las novedades de composition API, en nuevo enfoque en VUE3. ⚫ Como guinda del pastel, haremos una propuesta de estrategia de testing aplicada al ecosistema frontend. Con esto, podrás darte cuenta de si el gusanillo de VUE te ha picado poco, mucho o demasiado… 😏En cualquier caso, podrás seguir aprendiendo si ganas la plaza de nuestro nuevo Bootcamp Online sobre Vue 👉 https://bootcamp.geekshubsacademy.com/online/frontend-vue/?utm_source=youtube&utm_medium=socialmedia&utm_campaign=inicio-4temporada-meetups ¿Te apuntas? 🥳 Comenta en twitter mencionando a @geeks_academy con el hashtag #MeetupsGeeksHubs. 🎥 Suscríbete: https://www.youtube.com/user/geekshubs 🐦 Twitter GeeksHubs: https://twitter.com/geekshubs 🐦 Twitter GeeksHubs Academy: https://twitter.com/geeks_academy 📸 Instagram: https://instagram.com/geekshubs ℹ️️️ LinkedIn GeeksHubs: https://www.linkedin.com/company/geeks-hubs ℹ️️️ LinkedIn GeeksHubs Academy: https://www.linkedin.com/school/geekshubsacademy/ ? Facebook: https://facebook.com/geekshubs 📕 Plataforma online +30 cursos gratuitos: https://geekshubsacademy.com/
Nowadays, web apps are richer and more interactive than ever before. With more code running right in the browser, it has become increasingly more challenging to deliver fluid, native-like experiences for users, especially on less powerful devices. Enter Web Workers! In this talk, we will learn what Web Workers are, how they allow us to build better and snappier user interfaces by lifting work out of the main thread, and some ways that you can use Web Workers in your React applications today.
Portals in React are are a way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. In this talk, I'll introduce the audience to : what portals in React are, how beneficial they are, Benefits of React Portals, Real-world use cases for Portals and How portals in React can help improve the accessibility of custom widgets
Dicen que las despedidas cuestan menos si vienen acompañadas de buenas noticias y una de ellas te la confirmamos ya:  después del verano se van a venir cositas heavys en los #MeetupsGeeksHubs y por eso necesitamos este parón. Y la siguiente... 🔥 ¡Este jueves sorteamos 2 plazas gratis! 🙌 Para los Bootcamps Online Frontend #React y #Angular  ¿Te interesa ampliar tus conocimientos sobre Programación Reactiva y saber más sobre RxJS, la librería más usada del mercado, y los conceptos más avanzados que lleva detrás?   Junto a Gonzalo García, Senior Full Stack Developer, veremos varios ejemplos de uso de en dos de los frameworks/librerías frontend altamente conocidos: Angular y React para desarrollar aplicaciones reactivas y eficientes. ¡Si vienes de un ecosistema distinto no te preocupes, te va a ser útil igualmente! Los conceptos de Rx serán los mismos en cualquier lenguaje de programación, pero será conveniente que te veas el primer meetup si eres nuevo en esto. 👉https://www.youtube.com/watch?v=t7m90up5sh4&t=1951s Conoce más a Gonzalo: https://www.linkedin.com/in/gonzalo-garc %C3%ADa-navarro-65556987/ Comenta en twitter con el hashtag #MeetupsGeeksHubs. 🎥 Suscríbete: https://www.youtube.com/user/geekshubs 🐦 Twitter GeeksHubs: https://twitter.com/geekshubs 🐦 Twitter GeeksHubs Academy: https://twitter.com/geeks_academy 📸 Instagram: https://instagram.com/geekshubs ℹ️️️ LinkedIn GeeksHubs: https://www.linkedin.com/company/geeks-hubs ℹ️️️ LinkedIn GeeksHubs Academy: https://www.linkedin.com/school/geekshubsacademy/ ? Facebook: https://facebook.com/geekshubs 📕 Plataforma online +30 cursos gratuitos: https://geekshubsacademy.com/
Muchas aplicaciones se basan en tener los flujos de datos correctos que llegan a una aplicación en el momento adecuado, pero... ¿Qué sucede si esos flujos de datos no llegan cuando los necesitas? 🤯 La programación reactiva ⚡es una forma de evitarlo y mejorar considerablemente el rendimiento y la experiencia de usuario, ya que la forma de trabajar es justo la inversa a la habitual: la aplicación se actualiza solo cuando las fuentes de datos de las que dependen se modifican. ¿Te interesa ampliar tus conocimientos y saber más sobre la gran utilidad de esta forma de desarrollar aplicaciones? 🤓  Gonzalo García, Senior Full Stack Developer, tiene preparada una introducción y las mejores técnicas para empezar a programar reactivamente. 🚀 Desmitificaremos qué es exactamente con ejemplos del mundo real, para ser capaces de poder aplicarla con una aplicación en React mediante Redux y debatiremos sobre las distintas técnicas que tenemos actualmente.  ¡Si vienes de un ecosistema distinto no te preocupes, te va a ser útil igualmente! Conoce más a Gonzalo 👉https://www.linkedin.com/in/gonzalo-garc%C3%ADa-navarro-65556987/ Comenta en twitter con el hashtag #MeetupsGeeksHubs. 🎥 Suscríbete: https://www.youtube.com/user/geekshubs 🐦 Twitter GeeksHubs: https://twitter.com/geekshubs 🐦 Twitter GeeksHubs Academy: https://twitter.com/geeks_academy 📸 Instagram: https://instagram.com/geekshubs ℹ️️️ LinkedIn GeeksHubs: https://www.linkedin.com/company/geeks-hubs ℹ️️️ LinkedIn GeeksHubs Academy: https://www.linkedin.com/school/geekshubsacademy/ ? Facebook: https://facebook.com/geekshubs 📕 Plataforma online +30 cursos gratuitos: https://geekshubsacademy.com/
Vamos a analizar las tecnologías y lenguajes de programación a utilizar este 2021. Para ello vamos a revisar el Technology Radar de ThoughtWorks, el día de su lanzamiento, junto a la gente que lo ha creado. 😬 ¡Crea tu propio radar! 👉 http://bit.ly/codelyradar21 🧭 Puedes ver el Tech Radar aquí: https://www.thoughtworks.com/radar Herramientas como vuejs, #reactjs #kubernetes, react hooks, #tailwindcss, nextjs, .net core, redux, vercel... Todo esto gracias al Technology Radar de la gente de ThoughtWorks {▶️} CodelyTV ├ 👾 Twitch CodelyTV: https://twitch.tv/CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 💂‍♂️ Twitter Rafa: https://twitter.com/rafaoe ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
January - Zami: A New Spelling of My Name, Audre Lorde - El viaje de Baldassare (Le Périple de Baldassare), Amin Maalouf - We (Мы), Yevgeny Zamyatin - Loxandra (λωξάντρα), Maria Iordanidou - The Prime of Miss Jean Brodie, Muriel Spark February- Mr. Vertigo, Paul Auster (2nd time)- Mastering React Test-Driven Development, Daniel Irvine- Refactoring Workbook, William C. Wake (2nd time)- La canción de Salomón (Song of Solomon), Toni Morrison- A Confederacy of Dunces, John Kennedy Toole- Stardust,...
Para el meetup de Febrero seguimos tratando temas de desarrollo frontend. En este caso, gracias a Roselaine Marqués, que nos contará como aligerar el tamaño de nuestros desarrollos Frontend compartiendo librerías entre distintos módulos, incluso desarrollados en React o Angular. La sesión será online. La agenda que tendremos será la siguiente. 18h - Bienvenida y Anuncios 18.10- Compartiendo librerías en módulos React y AngularJS en Liferay, por Roselaine Marques (@RoselaineMarq10) 18.45 - Q & A y Cuestiones organizativas 19 - Networking y charla en Mozilla Hubs 19.30 - Despedida Un poco más de detalle sobre la charla de Roselaine: Con la mejora del soporte para tecnologías frontend en las ultimas versiones de Liferay podemos ir ya desarrollando Widgets y modulos que usen Angular, Vue o React para implementar la capa de interfaz con el usuario. Podemos incluso desplegar dos módulos distintos que utilicen React uno y Angular JS para implementar el Widget. Pero estos módulos suelen tener que incluir las librerías necesarias para cada caso, pudiendo llegar a 20 mb en el caso de un módulo Angular o a 4 Mb en el caso de un módulo React. Es muy posible que haya librerías que se utilicen en más de un módulo. En esta charla veremos cómo poder compartir una misma librería entre distintos módulos frontend, ya sean Angular o React, de forma que reduzcamos significativamente el tamaño de los módulos, al tiempo que podemos mejorar el control de las versiones de librerías que usamos.
¡Este jueves volvemos con una KATA! Si eres junior o estás empezando en el mundo de la programación, seguro que te interesa saber más y resolver dudas sobre las SPA (single page application). Junto a David Ochando, Full Stack Developer & Teacher en GeeksHubs, veremos: -Diferencias entre las SPA y las MPA. -Ejemplo práctico con varios archivos html enlazados entre si con el elemento a. -Mockup de una SPA con JS Vanilla. -Por último, ejecución en React. Comenta en twitter con el hashtag #MeetupsGeeksHubs. Bootcamp Presencial Full Stack Developer Valencia y Madrid👉 https://bootcamp.geekshubsacademy.com/full-stack-developer/ 🎥 Suscríbete: https://www.youtube.com/user/geekshubs 🐦 Twitter GeeksHubs: https://twitter.com/geekshubs 🐦 Twitter GeeksHubs Academy: https://twitter.com/geeks_academy 📸 Instagram: https://instagram.com/geekshubs ℹ️️️ LinkedIn GeeksHubs: https://www.linkedin.com/company/geeks-hubs ℹ️️️ LinkedIn GeeksHubs Academy: https://www.linkedin.com/school/geekshubsacademy/ ? Facebook: https://facebook.com/geekshubs 📕 Plataforma online +30 cursos gratuitos: https://geekshubsacademy.com/