react

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

Ejemplos concretos de los fallos que solemos cometer a la hora de programar usando React Hooks. Por cada uno de estos 3 errores + el bonus veremos el efecto que producen desde el punto de vista de usuarios finales, el motivo por el que se producen, y cómo solucionarlos 🤟 🌟 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 0:00 Introducción a los 3 errores más comunes 0:26 1. BUCLE INFINITO en useEffect 2:43 2. Estado derivado sin useMemo 5:35 3. No desmontar eventListeners 8:02 BONUS: Modificar estado previo con useState sin usar función de update

React y Next.js son dos populares frameworks de JavaScript utilizados para crear aplicaciones. Pero, ¿cuál deberías utilizar? ¡Curso de React de 0 con Buenas Prácticas! ➡️ https://bit.ly/react-de-0 En este vídeo, veremos ventajas y por qué decidimos apostar por React. Así que si estás considerando React o Next.js para tu aplicación, ¡este vídeo es para ti! 🌟 ¡Dale una estrellita al repo! https://github.com/CodelyTV/cra-template-codely ﹤🍍﹥ 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

Una charla técnica (no tecnológica) en la que contaremos cómo construimos aplicaciones frontend modernas (react, react-native, vue, etc.) mantenibles, agnósticas del framework y cómo nos traemos las buenas prácticas que tan interiorizadas tenemos en el backend al frontend. Hablaremos de arquitectura de componentes, ui-kits, estado local vs global, arquitecturas limpias, testing, happy-paths y gestión de errores, aislarnos del API y muchos conceptos más. Veremos desde nuestra experiencia cómo todo ello nos ha ayudado a trabajar de manera sostenible en proyectos frontend de gran tamaño a nivel funcional. ------------- ¡Conoce Autentia! -Twitter: https://goo.gl/MU5pUQ -Instagram: https://lk.autentia.com/instagram -LinkedIn: https://goo.gl/2On7Fj/ -Facebook: https://goo.gl/o8HrWX