Angular Addicts # Bibliothèques implicites angulaires, l'avenir est autonome et plus

?Hé, camarade Angular Addict

Il s'agit du 29è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 28, 27 et 26)

?Annonces de sortie

? Quoi de neuf dans Angular 18.2 ?

Angular 18.2, la dernière version mineure d'Angular, est sortie en août. Cédric Exbrayat revient sur les nouveautés clés :

• Vinage automatique dans fakeAsync
• assistant whenStable
• defaultQueryParamsHandling dans le routeur
• Migration pour migrer l'injection de dépendances effectuée via le constructeur vers la fonction inject
• Migration pour convertir les composants autonomes utilisés dans les routes afin qu'ils soient chargés paresseusement
• Nouveaux diagnostics pour détecter les fonctions non appelées dans les liaisons d'événements et les déclarations @let inutilisées
• Prise en charge de la configuration du chargeur basée sur les attributs dans le générateur

? Le Nx 19.5 est là ! Stackblitz, Bun, constructions incrémentielles pour Vite, atomiseur de test Gradle

La dernière version mineure de Nx est sortie le mois dernier. Zack DeRose résume les nouvelles fonctionnalités :

• Prise en charge de StackBlitz
• Prise en charge de Bun et pnpm v9
• Détection de tâches floconneuses locales
• Améliorations de la vue détaillée du projet
• Prise en charge des modèles pour targetDefaults
• Les cibles individuelles peuvent désormais se retirer du parallélisme
• Prise en charge des builds incrémentielles pour Vite
• Générateurs de conversion Project Crystal
• Prise en charge des builds composites Gradle
• Expérimental : atomisation par test Gradle
• Expérimental : la version Nx ajoute la prise en charge de la gestion des versions basée sur les fichiers
• Prise en charge de React 19 (rc) et Angular 18.1

?Gemmes angulaires d'août 2024

?Bibliothèques implicites avec Nx : architectures angulaires légères par convention

Manfred Steyer nous montre une architecture où les configurations de bibliothèques sont dérivées par un plugin Nx en utilisant des conventions. Avec les bibliothèques implicites, nous pouvons créer une nouvelle bibliothèque en créant un dossier avec un fichier index.ts.

L'idée des bibliothèques implicites vient du billet de blog de Younes Jaaidi. Il a également rédigé un guide étape par étape sur ce sujet.

?Utilisation de modules isolés dans Angular 18.2

Angular 18.2 prend en charge les modules isolés TypeScript. Cette fonctionnalité peut augmenter les délais de production. Mark Thompson et Charles Lyding expliquent comment fonctionne cette fonctionnalité et comment la configurer dans un projet Angular.

?L'avenir est autonome !

Dans Angular 19, standalone: ​​true sera le paramètre par défaut pour les composants, les directives et les tuyaux. Alex Rickabaugh précise que NgModules ne sera pas obsolète et qu'il y aura une migration automatisée qui :

• Supprimer autonome : vrai pour les composants autonomes existants
• Ajoutez standalone : false aux composants NgModule existants afin qu'ils continuent à fonctionner

?Création d'une application angulaire Envless

Dans son article, Maksim Dolgikh explique comment passer d'un code codé en dur pour chaque environnement à une build universelle utilisable partout. Il suggère deux solutions :

• Récupérer la configuration depuis un serveur de configuration
• Utilisez Docker et créez des fichiers de configuration JSON pendant la phase de récupération d'image Docker

?Porter un simple composant React vers Angular

Chau Tran compare les modèles de composition de React et Angular, explique comment utiliser les composants Selection et Select dans React Three Fiber et fournit un guide détaillé sur le portage de ces composants de React vers Angular.

?‍?À 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 #28 : Angular 18.1, tests de composants, guide SSR et plus
• Angular Addicts #27 : NgRx 18, nouveau RFC : API DomRef, stockage Web avec signaux et plus
• Angular Addicts #26 : Angular 18, bonnes pratiques, enregistrements de conférences récentes et plus

? 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!