react

Recursos de programación de react
En esta ocasión Santi Lopez Bayo nos contará cuáles son los fundamentos de una arquitectura limpia enfocada en el desarrollo móvil, repasará los patrones de presentación más comunes (MVP, MVVM, MVC...) y su aplicación en React Native. ¿Quién es el ponente? Santi López Bayo, Senior Software Engineer at Bitmex. Santi López Bayo es un desarrollador de software, actualmente está trabajando en BitMEX, enfocado a la parte móvil con React Native. ¿Quieres ver otros tutoriales? https://www.youtube.com/c/ParadigmaDigital/playlists ¿Quieres escuchar nuestros podcasts? https://www.ivoox.com/podcast-apasionados-tecnologia_sq_f11031082_1.html ¿Quieres saber cuáles son los próximos eventos que organizamos?: https://www.paradigmadigital.com/eventos/
▬▬▬▬▬▬ Título de la Sesión ▬▬▬▬▬▬ Fragmentos, React y Widgets ▬▬▬▬▬▬ Ponente ▬▬▬▬▬▬ Pablo Molina Pablo es un FrontEnd muy chachi que trabaja en Liferay intentando que la creación de páginas sea lo más bonita posible. Escribe sobretodo JavaScript y TypeScript, pero le encanta probar lenguajes nuevos siempre que puede. Como está un poco obsesionado con el orden, adora documentar, limpiar código y leer especificaciones de la W3C. Si le sigues en alguna red social verás comentarios aleatorios sin sentido, enlaces interesantes a asuntos de programación y algún streaming ocasional con live coding, en ese orden. * Linkedin - https://linkedin.com/in/p2kmgcl * Twitter - https://twitter.com/p2kmgcl ▬▬▬▬▬▬ Resumen ▬▬▬▬▬▬ En la sesión hablaremos de los Fragmentos que parecen simples, son trozos de HTML, CSS y JavaScript que se pueden añadir a una página y fácilmente desarrollados por programadores FrontEnd, pero han evolucionado tanto que hay veces que se pueden confundir con widgets. En esta evolución ha tenido importancia la creación de Fragment Toolkit. En la sesión hablaremos sobre estos puntos y veremos código para verlo funcionar. La agenda de la sesión del este miércoles será la siguiente: 19:00 - Bienvenida y Anuncios 19:10 - Fragmentos, React y Widgets - Pablo Molina 20:10 - Q & A 20:15 - Networking (Presencial y Mozilla Hubs) ▬▬▬▬▬▬ Organizadores de la sesión ▬▬▬▬▬▬ - - - ▬▬▬▬▬▬ LUGSpain ▬▬▬▬▬▬ Twitter - https://twitter.com/LUGSpain Slack - https://liferay.dev/chat Meetup - https://www.meetup.com/es-ES/Liferay-Spain-User-Group/
Hace unos meses hablamos con Lola Rufino y nos contó que estaba acabando el bootcamp para aprender a programar. Justo después entró a trabajar como desarrolladora frontend en Adevinta (Fotocasa, InfoJobs, milanuncios…) En este directo volveremos a hablar con Lola para que nos cuente qué tal la experiencia después del primer mes. Para que os hagáis una idea, al preguntarle qué tal lo lleva y con qué está trabajando, su respuesta ha sido la siguiente: ├─ el stack: react, sass, chai con sinon, github.. pero la muerte está siendo intentando entender el DDD xDDD └─ también ando con docker, kubernetes y mil rollos mas que la verdad que voy a paso de tortuga sintetizándolos en mi cabeza xD {▶️} Enlaces relacionados ├ 🎥 Suscríbete a CodelyTV: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 💡 Twitter Lola: https://twitter.com/lolarufino ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Empezamos el año haciendo repaso del estado de JavaScript en 2021 🚀 ¿Es el hype de Remix justificado? ¿Empieza el declive de React? ¿Le decimos adiós a React Native de una vez? 😢 🔗 Links relacionados ├ 🔖 Cursos de JavaScript: https://pro.codely.tv/library/by/category/javascript/ └ 🎨 Estado de JavaScript: https://2021.stateofjs.com {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 💂‍♂️ 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
▬▬▬▬▬▬ Título de la Sesión ▬▬▬▬▬▬ Mejora del rendimiento del componente TreeFilter en el panel de contenidos ▬▬▬▬▬▬ Ponente ▬▬▬▬▬▬ Beltrán Rengifo Beltrán es Senior Frontend Engineer en Liferay y entre sus pasiones Javascript está en primer lugar. Vue, React, Nuxt, Next, SASS/LESS/BEM, Styled Components. JS del lado del servidor con Node y a veces Python o PHP. Intentando con ahínco asumir los conocimientos necesarios de Frontend devops como Docker, CI/CD con Gitlab/GitHub, Jenkins y Rancher. Intentando controlar Webpack desde 2017. Admirando las plataformas Vercel y Netlify. * Linkedin - https://www.linkedin.com/in/beltranrengifo/ * Twitter - https://twitter.com/BeltranRengifo ▬▬▬▬▬▬ Resumen ▬▬▬▬▬▬ En este caso veremos cómo el equipo de Liferay se planteó la necesidad de auditar el rendimiento del componente React TreeFilter y nos compartirán los resultados obtenidos. En la sesión se aprenderá a detectar, analizar y resolver problemas de rendimiento en un componente React JS, para ello se realizará: * Detectar mediante la realización de pruebas pesadas * Analizar concluyendo sobre las métricas * Resolver implementando las tareas más eficientes y asequibles En el camino mostraremos algunas implementaciones de JS dentro de los componentes de React, cómo probamos el rendimiento utilizando el componente OOTB Profiler de React, y las correcciones finales que implementamos en la rama master. Primero se presentará el componente, sus principales funciones y los inconvenientes que detectamos en el camino, para después mostrar el test de rendimiento, los resultados y la implementación de las mejoras. La agenda de la sesión de este miércoles será la siguiente: 18:30 - Bienvenida y Anuncios 18:40 - Meetup Enero 2022 - Mejora del rendimiento del componente TreeFilter en el panel de contenidos - Beltrán Rengifo. 19:25 - Q & A 19:30 - Networking (Mozilla Hubs) ▬▬▬▬▬▬ Organizadores de la sesión ▬▬▬▬▬▬ - - - ▬▬▬▬▬▬ LUGSpain ▬▬▬▬▬▬ Twitter - https://twitter.com/LUGSpain Slack - https://liferay.dev/chat Meetup - https://www.meetup.com/es-ES/Liferay-Spain-User-Group/
Quieres montar una startup para darle una vuelta a cómo gestionamos las dailies a día de hoy. Tienes la idea de montar una app. Objetivo: que las personas del equipo puedan comunicarse de forma asíncrona y disfrutar más del rato que coincidamos conectados. Conclusión: ¿Por dónde empiezas? ¿JavaScript vanilla? ¿React? ¿React Native? ¿React Native Web? ¿Progressive Web App? ¿Nativo en iOS y Android? ¿Core compartido en Rust? 🤯 Hoy hablamos con Jorge y Sergi, 2 de los fundadores de Cassette que pasaron justamente por esta experiencia y nos contarán qué decisiones tecnológicas han tomado, cómo quieren replantear las dailies, y enseñarnos un poco de detalles de implementación 😬 📼 Cassette ├ 🔗 Web: https://cassetteapp.com ├ 🐦 Twitter: https://twitter.com/cassette_app ├ 👤 Jorge: https://twitter.com/jorgeavila_ss └ 👤 Sergi: https://twitter.com/SergiGP {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 💂🏼 Twitter Rafa: https://twitter.com/rafaoe ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Actualmente existen muchas alternativas para la gestión de estado en React. Hoy hablamos de Recoil que se nos presenta como una alternativa ligera para gestionar el estado entre componentes basándose en Atoms. Si quieres saber más sobre cómo gestionar el estado con React no te pierdas nuestro curso en Codely: https://pro.codely.tv/library/gestion-estado-en-react-171307/ {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
▬▬▬▬▬▬ Título de la Sesión ▬▬▬▬▬▬ Forms ¿pero eso no se había deprecado? ▬▬▬▬▬▬ Ponente ▬▬▬▬▬▬ Martín Domínguez Martín trabaja como Sales Engineer en Liferay desde principios de 2020 y desde entonces ha participado en varios eventos como la DevCon, Vision, Symposiums y las dos ediciones de /dev/24 celebradas. Es un apasionado del Open Source y del trabajo en Comunidad y de hecho lleva más de 15 años dedicado profesionalmente a productos basados en Open Source. * Linkedin: https://www.linkedin.com/in/-martin-dominguez/ * Twitter: @mtindominguez * GitHub: https://github.com/martin-dominguez ▬▬▬▬▬▬ Resumen ▬▬▬▬▬▬ En la sesión comenzaremos con un repaso de forms y evolución por las versiones y continuaremos con el objetivo principal de esta sesión, dar a conocer cuáles son las claves cuando quieres aprovechar toda la potencia de los formularios y crear tus propios campos personalizados. No importa lo que quieras hacer, si puedes hacerlo con React puedes tenerlo en Forms. Aunque los equipos de documentación y Forms están trabajando duro para proporcionar documentación y ejemplos, mientras tanto, intentaremos arrojar algo de luz sobre las distintas piezas que puedes utilizar y como hacerlo La agenda de la sesión de este miércoles será la siguiente: 18:30 - Bienvenida y Anuncios 18:40 - Forms ¿pero eso no se había deprecado? - Martín Domínguez con la colaboración de Álvaro Saugar. 19:25 - Q & A 19:30 - Networking (Mozilla Hubs) ▬▬▬▬▬▬ Organizadores de la sesión ▬▬▬▬▬▬ - Carlos Durán - Álvaro Saugar ▬▬▬▬▬▬ LUGSpain ▬▬▬▬▬▬ Twitter - https://twitter.com/LUGSpain Slack - https://liferay.dev/chat
En este vídeo analizamos cómo han evolucionado las herramientas de gestión de estado en React a lo largo de los años pasando desde el original react setState a nuevas alternativas como Zustand o Recoil Si quieres conocer más de cómo funciona la gestión de estado en React y que alternativas tenemos para configurar esta gestión de estado apúntate al curso que estamos publicando ahora mismo al respecto: https://bit.ly/gestion-estado-react {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
¿Alguna vez te has preguntado cómo React se encarga de persistir los cambios de estado? Detrás de cada cambio de estado hay un proceso de reconciliación a través del cual React se encarga de identificar cuales son los elementos de la interfaz que han sido modificados de manera que solo es necesario volver a pintar estos elementos. Es en este proceso dónde esta el virtual DOM del que hablamos en este vídeo. Si quieres conocer más de cómo funciona la gestión de estado en React y que alternativas tenemos para configurar esta gestión de estado apúntate al curso que estamos publicando ahora mismo al respecto: https://bit.ly/gestion-estado-react {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely