curso

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

Hoy tenemos como invitada a Ana Encinar, que viene a contarnos cómo sacarle todo el partido a las devtools de Chrome para medir y encontrar posibles problemas de performance en nuestra app. Es un fragmento de una entrevista que hemos hecho en el marco del curso de Web Performance, donde vemos montón de truquitos para obtener unas buenas métricas en performance 👉 https://pro.codely.tv/library/web-performance/ {▶️} 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 ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely

Curso de DDD en TypeScript ya disponible 👉 https://pro.codely.tv/library/ddd-typescript/ Y aquí el skeleton para empezar tus proyectos usando DDD en TS! 🧑‍💻 https://github.com/codelyTV/typescript-ddd-skeleton {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 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

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

Hoy tenemos como invitado a Joan León, que nos hablará de cómo podemos usar una herramienta como Cloudinary para simplificar y agilizar el proceso de optimización de imágenes para obtener una buena performance web. Es un fragmento de una entrevista que hemos hecho en el marco del curso de Web Performance, donde vemos montón de truquitos para obtener unas buenas métricas en performance 👉 https://pro.codely.tv/library/web-performance/ {▶️} 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 Joan León: https://twitter.com/nucliweb ├ 📸 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

Nos gusta mucho usar distintas tipografías web, pero pueden tener un coste de performance elevado. Vamos a ver cómo cargar las web fonts de forma óptima para evitar layout shifts y ofrecer una buena experiencia. Todo esto y más en el curso de Web Performance 👉 https://pro.codely.tv/library/web-performance/ {▶️} 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 Nino: https://twitter.com/ninodafonte ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely

El Lazy loading es un patrón que se utiliza habitualmente para mejorar la performance. Es utilizado en muchos contextos, desde la carga diferida de recursos en una web hasta la carga de entidades relacionadas persistidas en una base de datos. En este vídeo nos planteamos algunos problemas que puede acarrear el uso de este patrón, y algunas alternativas de diseño y arquitectura de software para mitigarlos, sin por ello tener que sacrificar el rendimiento. 🏭 Curso de Patrones de Diseño Creacionales 👉 https://bit.ly/ctv-patrones 🕋Video sobre Event-Driven Architecture 👉 https://www.youtube.com/watch?v=V4mjxJ5czog 🕋 Curso de Event-Driven Architecture 👉 http://bit.ly/curso-microservicios {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely

Analizamos 7 formas de clonar objetos en JavaScript y TypeScript y las diferencias entre los métodos de clonado superficiales (Shallow) y los completos (Deep): 00:00 Introducción 00:39 0. Referencia 02:20 1. Object.assign (Shallow) 04:15 2. Spread operator (Shallow) 04:45 3. Prototype copy 07:21 4. Object.create (Herencia) 09:15 5. Serialization (Deep) 10:19 6. Recursive clone (Deep) 12:00 7. TypeScript 13:30 Shallow vs Deep copy Este el curso Patrones de Diseño Creacionales, utilizamos los métodos de clonado para implementar el patrón Prototype 👇 🏛 Curso de Patrones de diseño: https://bit.ly/ctv-patrones #JavaScript #DeepClone #ShallowCopy {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely

Las Core Web Vitals han llegado, pero que no cunda el pánico: vamos a entender cómo afecta al posicionamiento y cómo medirlas. Curso de Web Performance ya disponible aquí 👉 https://pro.codely.tv/library/web-performance/ {▶️} 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 Nino: https://twitter.com/ninodafonte ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely