Les éléments Blazor personnalisés ne sont plus expérimentaux dans .NET 7 Preview 6 – Visual Studio Magazine

Nouvelles

Les éléments Blazor personnalisés ne sont plus expérimentaux dans .NET 7 Preview 6

Les éléments Blazor personnalisés sont sortis du stade expérimental pour faire partie de .NET 7 dans le sixième aperçu du framework qui vient de sortir, qui devrait faire ses débuts en novembre.

Blazor, qui fait partie de l’infrastructure de développement Web ASP.NET Core qui fait à son tour partie de l’infrastructure parapluie .NET 7, se présente sous la forme de composants côté client et côté serveur qui permettent des applications basées sur un navigateur principalement écrites en C# au lieu de JavaScript.

Les éléments personnalisés Blazor, quant à eux, sont construits avec un package NuGet (Microsoft.AspNetCore.Components.CustomElements) qui permet aux développeurs d’utiliser des interfaces HTML standard pour implémenter des éléments HTML personnalisés.

La possibilité de créer des éléments Blazor personnalisés a été introduite en septembre de l’année dernière dans .NET 6 Release Candidate 1.

Une fois créés, ces éléments personnalisés – un compteur personnalisé, par exemple – peuvent également être utilisés dans d’autres frameworks Web d’application monopage (SPA) tels que React et Angular. Un exemple de projet, intitulé à juste titre Blazor Custom Elements, montre comment faire exactement cela, en fournissant des exemples sur la façon de travailler avec ces frameworks et le composant Blazor WebAssembly côté client ainsi que Blazor Server.

Pour créer un élément personnalisé à l’aide de Blazor, les développeurs doivent d’abord enregistrer un composant racine Blazor en tant qu’élément personnalisé :

options.RootComponents.RegisterCustomElement("my-counter");

Après quoi l’élément personnalisé peut être utilisé avec Blazor ou tout autre framework Web :

D’autres fonctionnalités liées à Blazor dans .NET 7 Preview 6 incluent des modèles de projet Blazor vides, selon un article de blog du 12 juillet rédigé par Daniel Roth, responsable principal du programme pour ASP.NET.

“Blazor a deux nouveaux modèles de projet pour partir d’une ardoise vierge”, a déclaré Roth. “Les nouveaux modèles de projet ‘Blazor Server App Empty’ et ‘Blazor WebAssembly App Empty’ sont comme leurs homologues non vides mais sans aucun code de démonstration supplémentaire. Ces modèles vides n’ont qu’une page d’accueil très basique, et nous avons également Bootstrap vous pouvez donc commencer avec le framework CSS que vous préférez.”

Les nouveaux modèles sont disponibles dans Visual Studio après l’installation du SDK .NET 7. Comme le montre le graphique ci-dessous, leurs descriptions sont les suivantes :

• Application serveur Blazor vide : Un modèle de projet vide pour créer une application serveur Blazor qui s’exécute côté serveur dans une application ASP.NET Core et gère les interactions utilisateur via une connexion SignalR. Ce modèle ne contient aucun contenu.
• Application Blazor WebAssembly vide : Un modèle de projet vide pour créer une application Blazor qui s’exécute sur WebAssembly et est éventuellement hébergée par une application ASP.NET Core. Ce modèle ne contient aucun contenu.

Et enfin, il y a encore un autre point culminant de Blazor dans le post centré sur ASP.NET de Roth, un essai expérimental QuickGrid composant. Il est conçu pour afficher rapidement et efficacement les données sous forme de tableau. “QuickGrid fournit un composant de grille de données simple et pratique pour les besoins les plus courants, ainsi qu’une architecture de référence et une base de performances pour quiconque construit des composants de grille de données Blazor », a déclaré Roth.

Bien qu’il soit encore expérimental et non engagé à faire partie de .NET 7, le composant open source est disponible à l’utilisation, à propos duquel Microsoft sollicite des commentaires.

“QuickGrid est hautement optimisé et utilise des techniques avancées pour obtenir des performances de rendu optimales », a déclaré Roth. « Le site de démonstration QuickGrid est construit à l’aide de Blazor WebAssembly et est hébergé sur des pages GitHub. Le site se charge rapidement grâce au prérendu statique à l’aide du projet BlazorWasmPerendering.Build de jsakamoto.

“Ce n’est pas un objectif d’ajouter toutes les fonctionnalités à QuickGrid que les grilles commerciales complètes ont tendance à avoir, par exemple des lignes hiérarchiques, des colonnes de réorganisation par glisser-déposer ou des sélections de plage de type Excel. Si vous en avez besoin, continuez à utiliser les grilles commerciales ou d’autres options open source.”

Les autres points forts de la mise à jour ASP.NET Preview 6 incluent :

Roth a invité les développeurs à fournir des commentaires sur ce qui précède sur GitHub.