react

Recursos de programación de react
Javi Velasco es un programador muy TOP. Actualmente está trabajando en Vercel (donde fue uno de los primeros empleados) creando y manteniendo código muy crítico para la infraestructura. En esta entrevista le preguntamos cómo llegó hasta ese punto. ﹤🍍﹥ Codely ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🔖 Cursos: https://bit.ly/cursos-codely ├ 🔗 Enlaces mencionados: | ├ http://react-toolbox.io | ├ https://www.youtube.com/watch?v=Bc71SEmucBQ | └ https://www.youtube.com/watch?v=BfzjuhX4wJ0?si=vL54euTzsTQhm-3H&t=32898 └ 👋 Redes sociales: ├ https://twitter.com/CodelyTVhttps://twitter.com/javivelascohttps://twitter.com/rafaoehttps://instagram.com/CodelyTVhttps://linkedin.com/company/codelytv
In this talk about Micro Frontends, we will explore an architecture that allows breaking down frontend applications into smaller, independently deployable components. We deep dive into the benefits of scalability, modularity, and continuous deployment, while addressing the challenges of complexity and team coordination. We also discuss implementation strategies, highlight best practices, and provide key takeaways for successfully adopting micro frontends in your projects. 👉 Arnau Gris has 6+ years of experience as a T-shaped Software Engineer, I’m specialized in frontend and hybrid mobile development. With years of experience in React, Angular, React Native, and Ionic. I have a strong interest in software architecture to create scalable and efficient systems. I like to learn new technologies and paradigms. My main motivation is to bring innovative ideas to life delivering quality, scalability, reliability and a good user experience. -- Apiumhub is a software development hub that solves complex problems with high-quality solutions. Our purpose is to build scalable software to help our clients strengthen their businesses with powerful technology. Large and well-known companies have trusted us including Inditex, Mango, Bitpanda, Nestle, Axa, Tous, Adidas and more. Our services include web development, mobile app development, devops, quality assurance and software architecture. In addition to offering these services, we have a learning platform called ApiumAcademy where we offer customized courses. We have two digital products. VYou, a user management and access management solution and Koople, a Feature Flags tool. Both developed by developers for developers. Every year, we host the Global Software Architecture Summit (GSAS). An event that brings together hundreds of software architecture experts interested in learning, sharing, and connecting. Successful industry professionals such as Mark Richards, Neal Fords & Carola Lilienthal have attended our event as speakers. -- Visit our site: https://apiumhub.com/ Learn more about our ApiumAcademy courses: https://apiumacademy.com/ Attend our event, Global Software Architecture Summit: https://gsas.io/ VYou, our digital product: https://vyou-app.com/en/ Koople, our Feature Flags tool: https://www.koople.io/ -- Social: https://twitter.com/Apium_hub https://www.linkedin.com/apium_hub https://www.instagram.com/apiumhub/ -- 00:00 Micro Frontends: Breaking Down Frontend Applications 16:54 Q&A
Llevar a cabo un buen desarrollo frontend a medida que un proyecto va creciendo puede resultar, en muchos casos, un gran reto para el equipo de trabajo. En estas aplicaciones grandes no funciona el enfoque monolítico tradicional y recurrir a los microfrontends puede ser una buena manera de dar respuesta a este problema. De todo esto vamos a hablar en el episodio de hoy, comentaremos las ventajas y desventajas de esta arquitectura y veremos algunos ejemplos para entender los conceptos que vayamos explicando. Links mencionados en el episodio: https://www.paradigmadigital.com/dev/introduccion-arquitectura-microfrontends-ejemplo-react/ ¿Quieres escuchar nuestros podcasts en Ivoox? 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/
Vamos a ver cómo debuggar (depurar) aplicaciones JavaScript, TypeScript, react, next.js en Visual Studio Code. Curso Visual Studio Code: https://bit.ly/curso-vscode ﹤🍍﹥ 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 ├ 🥋 Academy: https://codely.com/academy └ 📕 Catálogo cursos: https://bit.ly/cursos-codely #vscode #programacion
Después de ver cómo crear una aplicación React a día de hoy en el vídeo anterior (https://www.youtube.com/watch?v=CMwICBRbRzE) hoy vemos por qué React dejó atrás Create React App (CRA). Lo que nos llegó fue que CRA ya estaba obsoleto y era muy malo malísimo pero… ¿realmente es así? 🌟 ¡Dale una estrellita a nuestro starter! https://github.com/CodelyTV/typescript-react_best_practices-vite_template 👍 Y un thumbs up para que añadan el starter en el repositorio Awesome Vite https://github.com/vitejs/awesome-vite/pull/724 ﹤🍍﹥ CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🚀 Twitter Isma: https://twitter.com/ismanapa ├ 🫧 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
Empieza tu proyecto con React usando Vite y aplicando buenas prácticas. 🌟 ¡Dale una estrellita a nuestro starter! https://github.com/CodelyTV/typescript-react_best_practices-vite_template 👍 Y un thumbs up para que añadan el starter en el repositorio Awesome Vite https://github.com/vitejs/awesome-vite/pull/724 ﹤🍍﹥ CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🚀 Twitter Isma: https://twitter.com/ismanapa ├ 🫧 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
Les hemos puesto un reto a los alumnos del bootcamp para aprender a programar "42 Barcelona". En este directo analizaremos las soluciones con ellos y hablaremos de su experiencia en el bootcamp. Tienen que hacer una aplicación web en React con TypeScript usando la API de productos de PromoFarma en 2 semanas y sin profesores ¿Lo habrán conseguido? ¡Nos vemos en el chat! ﹤🍍﹥ Links relacionados ├ ⚛️ Curso de React de 0 aplicando buenas prácticas: https://pro.codely.com/library/react-de-0-aplicando-buenas-practicas-192069/about ├ 👨‍🎓 42 Barcelona: https://42barcelona.com ├ 🎥 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
¡Súmate a nuestro streaming en vivo de “All-in Pruebas Automatizadas” el próximo 1 de junio a las 18:30h! En este evento aprenderás más sobre pruebas automatizadas y cómo pueden ayudarte amejorar la calidad y eficiencia de tus desarrollos de software. 📅 Fecha: 1 de junio 🕡 Horario: 18:30 - 20:30h 📍 Lugar: Sngular Hub Sevilla + 🔴 Streaming 🗣️ Charlas: Component Testing con Cypress y React: Estefanía Fernández, Head of QA en Genially, nos enseñará cómo empezar con el testing de componentes en Cypress y React. Aprende más sobre lso fundamentos y ejemplos prácticos para mejorar la calidad de tu código. Cómo automatizar la validación de diseños en Figma: Francisco Moreno, QE Team Director en Sngular, nos mostrará cómo podemos mejorar la eficiencia en la validación de diseño a través de la automatización de este proceso en Figma. Este evento es gratuito y abierto al público, podrás seguirlo presencialmente en nuestras oficinas de Sevilla, situadas en Avda. San Francisco Javier, 9 (Edificio Sevilla 2, Módulos 17-30), o en 🔴 streaming a través de nuestro canal de Youtube.
¡Analizamos los resultados de la encuesta State of JS! https://stateofjs.com/ Aprende React con el curso React de 0 aplicando buenas prácticas 👉 https://pro.codely.com/library/react-de-0-aplicando-buenas-practicas-192069/about/ Y si quieres primero echarle un repaso a JavaScript vainilla, te recomendamos el curso JavaScript moderno: Buenas prácticas para empezar y refactorizar aplicaciones 👉 https://pro.codely.com/library/javascript-moderno-buenas-practicas-para-empezar-y-refactorizar-aplicaciones-69571/about/ ﹤🍍﹥ CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🌶 Twitter Núria: https://twitter.com/nuria_codes ├ 🫧 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
Gestiona los errores y excepciones que se producen en tu aplicación React para evitar que los usuarios vean mensajes de error. Esto es importante para conseguir una mejor experiencia de usuario 😊 🌟 Curso completo de React desde 0 hasta deploy aplicando buenas prácticas: https://pro.codely.com/library/react-de-0-aplicando-buenas-practicas-192069/460310/about/?utm_source=youtube&utm_medium=social&utm_campaign=related-video&utm_content=errores-hooks ﹤🍍﹥ CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🚀 Twitter Isma: https://twitter.com/ismanapa ├ 🫧 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