Angular Addicts # NgRx utilisant le modèle d'objet de page dans les tests, Micro Frontends utilisant Vite et plus

?Hé, camarade Angular Addict

Il s'agit du 33ème numéro de la newsletter Angular Addicts, une collection mensuelle de ressources Angular soigneusement sélectionnées qui ont retenu mon attention. (Voici les numéros 32, 31 et 30)

? Annonces de sortie

? Annonce de NgRx 19 : fonctionnalités des signaux NgRx, signaux d'action et plus encore !

Brandon Roberts annonce la dernière version de NgRx, quelques-unes des nouvelles fonctionnalités :

• SignalStore introduit la fonctionnalité withProps pour définir des propriétés statiques ou des observables dans un SignalStore lors de la création.
• Nouvelle fonction utilitaire signalMethod, elle vous offre les avantages de rxMethod avec la possibilité d'utiliser uniquement des signaux.
• Le mode développement vérifie la fonction patchState garantissant l'immuabilité de l'état pendant le développement.
• NgRx Store prend désormais en charge l'envoi d'actions sur les changements de signal.

?Gemmes angulaires de décembre 2024

? Mon nouveau style de codage angulaire

Kevin Kreuzer a récemment réécrit une grande base de code en utilisant Signals et les nouvelles API Angular. Dans cet article, il explique les nouveaux styles et modèles de codage apparus lors de la refactorisation. Les points clés incluent l'adoption de composants autonomes en tant que norme, la transition vers l'utilisation de Signals pour la réactivité et l'abandon des hooks de cycle de vie traditionnels.

? Utilisation de l'API de ressources d'Angular avec le NGRX Signal Store

Manfred Steyer montre comment utiliser la fonctionnalité withProps de SignalStore avec l'API Resource. Son guide comprend également la connexion de formulaires basés sur des modèles à l'aide de linkedSignal et signalMethod.

? Utilisation du modèle de conception Page Object Model dans les applications angulaires

L'article de Francesco Borzì traite de l'implémentation du modèle de conception Page Object Model (POM) dans les applications angulaires. POM permet aux tests de se concentrer sur « ce » qui doit être fait tandis que l'objet de page gère « comment » l'interaction avec le DOM est effectuée, conduisant à un code de test plus propre et plus maintenable. Francesco présente également sa nouvelle bibliothèque, ngx-page-object-model, conçue pour faciliter l'utilisation de POM dans les tests de composants angulaires et compatible avec divers frameworks de test.

? Configurez une architecture Micro-Frontend en 15min avec Vite !

Dans son article, Meidi Airouche décrit la création d'une architecture micro-frontend utilisant Vite, intégrant les composants Vue.js, Angular et React dans un portail d'actualités modulaire. Le projet combine :

• En-tête Vue.js pour la navigation
• Section React Trending pour les derniers articles
• Zone Angular Highlights pour le contenu populaire

? Maîtriser la communication des composants en Angular

Michał Grzegorczyk fournit un aperçu complet des différentes méthodes permettant de faciliter la communication entre les composants dans les applications angulaires. Les principaux sujets abordés incluent :

• Hook de cycle de vie d'entrée, de sortie, de setter et de ngOnChanges
• @Services injectables
• Injection de composants/directives
• Variables du modèle (#)
• Projection de contenu (@ContentChild / contentChild() / @ContentChildren / contentChildren())
• Liste d'affichage et de requête (@ViewChild / viewChild() / @ViewChildren / viewChildren())
• Routage (paramètres, requêtes, withComponentInputBinding(), objets d'état)

?‍?À propos de l'auteur

Je m'appelle Gergely Szerovay, j'ai travaillé en tant que data scientist et développeur full-stack pendant de nombreuses années, et j'ai travaillé en tant que responsable technique frontend, en me concentrant sur le développement frontend basé sur Angular. Dans le cadre de mon rôle, je suis constamment l'évolution d'Angular et de la scène du développement frontend en général. Pour partager mes connaissances, j'ai lancé la newsletter et publication mensuelle Angular Addicts en 2022, afin de pouvoir vous envoyer les meilleures ressources que je rencontre chaque mois. Que vous soyez un Angular Addict chevronné ou un débutant, je suis là pour vous. Faites-moi savoir si vous souhaitez être inclus en tant qu'écrivain. Apprenons Angular ensemble ! Abonnez-vous ici ?

Angular a évolué très rapidement au cours des dernières années, et au cours de la dernière année, avec l'essor de l'IA générative, nos flux de travail de développement logiciel ont également évolué rapidement. Afin de suivre de près l'évolution du développement de logiciels assistés par l'IA, j'ai décidé de commencer à créer des outils d'IA en public et de publier mes progrès sur AIBoosted.dev. Rejoignez-moi dans ce voyage d'apprentissage : Abonnez-vous ici ?

Suivez-moi sur Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter ou LinkedIn pour en savoir plus sur Angular et comment créer des applications d'IA avec AI, Typescript, React et Angular !

?️Numéros précédents

Si vous avez manqué les numéros précédents de la newsletter, vous pouvez les lire ici, voici les 3 derniers numéros :

• Angular Addicts #32 : Angular 19, nouveau guide de style RFC et plus
• Angular Addicts #31 : La nouvelle API de ressources, les mises à jour des effets et plus encore
• Angular Addicts #30 : Quand utiliser les effets, les fonctionnalités d'Angular DI, la mise en cache des demandes et plus encore

? Soumettez votre ressource angulaire

Avez-vous récemment trouvé ou écrit un article, un tweet ou une autre ressource intéressant sur Angular ? Faites-le-moi savoir ici dans les commentaires ou envoyez-moi un DM sur Twitter ! Je le présenterai peut-être dans le prochain numéro d'Angular Addicts !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!