Hola, compañero adicto a Angular.

Esta es la edición número 30 del Angular Addicts Newsletter, una colección mensual de recursos de Angular cuidadosamente seleccionados que me llamaron la atención. (Aquí están los números 29, 28 y 27)

?Anuncios de lanzamiento

Actualización de ?Nx 19.8

Zack DeRose resume las nuevas características de la última versión de Nx:

• La importación de Nx está disponible de forma generalizada
• Programación de tareas mejorada
• Project Crystal llega a Angular, infiere tareas para proyectos en su espacio de trabajo, en lugar de requerir que existan en cada archivo project.json o angular.json de su espacio de trabajo
• Cristaliza todo tu espacio de trabajo en un solo comando
• Nuevos espacios de trabajo de Nx creados con ESLint 9

?Gemas angulares de septiembre de 2024

? Cuándo (no) usar efectos en Angular y qué hacer en su lugar

En su artículo, Manfred Steyer explica que los efectos deben usarse principalmente para tareas de renderizado que no se pueden lograr mediante el enlace de datos, como el registro, la pintura en un lienzo o el comportamiento DOM personalizado. Si nuestro objetivo es representar datos mediante enlace de datos, para reaccionar ante un cambio de señal, sugiere utilizar la computación para derivar valores de las señales de forma sincrónica. También podemos usar RxJ o ayudantes reactivos como rxMethod para reaccionar a los eventos detrás de los cambios de señal.

? Fascinante inyección de dependencia

Armen Vardanyan explora la inyección de dependencia (DI) en Angular. Muestra características interesantes como dependencias dinámicas con parámetros de consulta, compartir una instancia de formulario de padre a hijo y proporcionar configuración global.

? Los 10 errores principales de la arquitectura angular que realmente desea evitar

En su última publicación de blog, Tomas Trajan recopiló errores comunes que cometen los desarrolladores en Angular, como:

• No pensar en la diferencia entre las partes entusiastas y perezosas de la aplicación
• Usar más de una forma para lograr lo mismo
• Centrándonos en SECO en lugar de AISLAMIENTO
• Analizar la arquitectura manualmente en lugar de con la ayuda de herramientas
• No estar familiarizado con los dos sistemas principales en Angular y las reglas por las que se comportan

? Usando Storybook con Angular y Vite

De forma predeterminada, Angular y Storybook utilizan Webpack para crear y servir la aplicación Storybook. En esta guía paso a paso, Brandon Roberts lo guía en la integración de Storybook con Angular usando Vite como servidor de desarrollo.

? Almacenamiento en caché de solicitudes de API en Angular: mejor, más rápido y más potente

Koye Mohan Reddy muestra cómo almacenar en caché las solicitudes de API en Angular para mejorar el rendimiento y la experiencia del usuario. Cubre la implementación del almacenamiento en caché con HTTP Interceptor, la invalidación de la caché y los límites de uso de memoria.

?‍?Sobre el autor

Mi nombre es Gergely Szerovay, trabajé como científico de datos y desarrollador full-stack durante muchos años, y he estado trabajando como líder tecnológico frontend, enfocándome en el desarrollo frontend basado en Angular. Como parte de mi función, sigo constantemente cómo evoluciona Angular y la escena del desarrollo frontend en general. Para compartir mis conocimientos, comencé la publicación y el boletín informativo mensual Angular Addicts en 2022, para poder enviarles los mejores recursos que encuentro cada mes. Si eres un adicto a Angular experimentado o un principiante, te tengo cubierto. Déjame saber si te gustaría ser incluido como escritor. ¡Aprendamos Angular juntos! ¿Suscribirse aquí?

Angular ha evolucionado muy rápidamente en los últimos años y, el año pasado, con el aumento de la IA generativa, nuestros flujos de trabajo de desarrollo de software también evolucionaron rápidamente. Para seguir de cerca la evolución del desarrollo de software asistido por IA, decidí comenzar a crear herramientas de IA en público y publicar mi progreso en AIBoosted.dev. Únase a mí en este viaje de aprendizaje: ¿Suscribirse aquí?

Sígueme en Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter o LinkedIn para obtener más información sobre Angular y cómo crear aplicaciones de IA con AI, Typecript, React y Angular.

?️Números anteriores

Si te perdiste los números anteriores del boletín, puedes leerlos aquí, estos son los 3 últimos números:

• Angular Addicts #29: Angular 18.2, bibliotecas implícitas, el futuro es independiente y más
• Angular Addicts #28: Angular 18.1, pruebas de componentes, guía SSR y más
• Angular Addicts #27: NgRx 18, nuevo RFC: API DomRef, almacenamiento web con señales y más

? Envíe su recurso Angular

¿Has encontrado o escrito algún artículo, tweet u otro recurso interesante relacionado con Angular últimamente? ¡Házmelo saber aquí en los comentarios o envíame un DM en Twitter! ¡Podría incluirlo en el próximo número de Angular Addicts!