Interface utilisateur Telerik pour Blazor et ASP.NET Core dans .NET 8 et au-delà

Avec la version Microsoft de .NET 8, l’interface utilisateur Telerik pour ASP.NET Core et l’interface utilisateur pour Blazor offrent une compatibilité totale. Découvrez ce que cela signifie pour vos bibliothèques de composants préférées, maintenant et alors que nous regardons vers l’avenir.

Nous sommes heureux d’annoncer que, coïncidant avec le jour de sortie officiel de .NET 8, le Interface utilisateur Telerik pour Blazor et Interface utilisateur Telerik ASP.NET Core les bibliothèques sont entièrement compatibles avec le framework nouvellement publié. Cet alignement permet aux développeurs d’utiliser immédiatement les fonctionnalités avancées et les avantages en termes de performances de .NET 8, tout en continuant à profiter du riche ensemble de composants d’interface utilisateur. Progrès Telerik fournit. Explorons ensemble certaines des nouvelles fonctionnalités clés de .NET 8.

Pour une plongée approfondie dans .NET 8, rejoignez-nous dans un webinaire dédié sur 13 décembre: Découvrez la magie de .NET 8 et au-delà.

Nouvelles fonctionnalités de .NET 8 et leurs avantages

Modes de rendu raffinés

Les nouveaux modes de rendu de Blazor offrent plus de contrôle sur la manière dont les mises à jour de l’interface utilisateur sont gérées, permettant aux développeurs de sélectionner la stratégie de rendu la plus adaptée à leur application :

Rendu statique du serveur (SSR)

Le mode de rendu statique est le paramètre par défaut pour tous les composants, ce qui entraîne le rendu du composant dans le flux de réponse et n’active pas l’interactivité.

Efficace pour les applications qui ne nécessitent pas d’interactivité côté client, car il minimise la quantité de JavaScript nécessaire, améliorant ainsi les temps de chargement et le référencement. Dans l’exemple fourni, le mode de rendu du composant n’est pas explicitement défini, il adopte donc le comportement par défaut de son contexte parent. En conséquence, le composant est rendu statiquement côté serveur.

Dans l’exemple ci-dessous, le bouton n’est pas interactif et n’appelle pas le OnClickHandler méthode lorsqu’elle est sélectionnée.

Exemple:

@page "/render-mode-ssr"

<TelerikButton OnClick="@OnClickHandler">Hello!</TelerikButton>

@result

@code {
    private string result;

    private async Task OnClickHandler()
    {
        result = DateTime.Now.ToString();
    }
}

Rendu de serveur interactif

Le mode de rendu Serveur restitue le composant de manière interactive à partir du serveur à l’aide de Blazor Server. Ce mode gère les interactions de l’utilisateur via une connexion en temps réel avec le navigateur, et la connexion du circuit est établie lors du premier rendu du composant Serveur.

Il est idéal pour les applications dotées d’interfaces utilisateur interactives mais nécessitant également une logique côté serveur. Ce mode peut aider à minimiser l’utilisation des ressources client tout en offrant une expérience interactive riche.

Exemple:

@page "/render-mode-interactive-server"
@rendermode RenderMode.InteractiveServer

<TelerikButton OnClick="@OnClickHandler">Hello!</TelerikButton>

@result

@code {
    private string result;

    private async Task OnClickHandler()
    {
        result = DateTime.Now.ToString();
    }
}

Rendu WebAssembly interactif

Le mode de rendu WebAssembly fonctionne en rendant le composant de manière interactive sur le client avec Blazor WebAssembly. Le runtime .NET et le bundle de l’application sont récupérés et mis en cache lors du rendu initial du composant WebAssembly.

Ce mode de rendu est bien adapté aux applications dotées d’une logique côté client complexe, permettant une expérience utilisateur interactive riche tout en exploitant les ressources du client pour le rendu.

Exemple:

@page "/render-mode-interactive-client"
@rendermode RenderMode.InteractiveWebAssembly

<TelerikButton OnClick="@OnClickHandler">Hello!</TelerikButton>

@result

@code {
    private string result;

    private async Task OnClickHandler()
    {
        result = DateTime.Now.ToString();
    }
}

Mode de rendu automatique

Le mode de rendu automatique choisit dynamiquement la méthode de rendu au moment de l’exécution, en utilisant initialement Blazor Server pour le rendu côté serveur, et en passant à Blazor WebAssembly pour le rendu côté client lors des visites ultérieures, une fois les ressources côté client mises en cache. Cette approche de rendu adaptatif optimise le temps de chargement initial et améliore l’interactivité lors des visites ultérieures sans obliger les développeurs à décider à l’avance quel modèle de rendu utiliser.

Exemple:

@page "/render-mode-auto"
@rendermode RenderMode.InteractiveAuto

<TelerikButton OnClick="@OnClickHandler">Hello!</TelerikButton>

@result

@code {
    private string result;

    private async Task OnClickHandler()
    {
        result = DateTime.Now.ToString();
    }
}

Pour plus d’informations, jetez un oeil à Modes de rendu ASP.NET Core Blazor.

Modèle de projet d’application Web Blazor unifiée

Le nouveau modèle de projet unifié consolide les modèles d’hébergement Blazor Server et Blazor WebAssembly, simplifiant ainsi le processus de configuration et de développement. Il introduit également le rendu de serveur statique et le rendu en streaming, qui permettent une diffusion de contenu incrémentielle, améliorant ainsi les temps de chargement perçus et l’expérience utilisateur.

Si vous souhaitez en savoir plus sur le nouveau modèle Blazor Web App, consultez les articles suivants :

Rendre les composants Razor en dehors d’ASP.NET Core

.NET 8 introduit la possibilité de restituer les composants Razor en dehors d’ASP.NET Core. Cette fonctionnalité offre plus de flexibilité en permettant aux développeurs d’utiliser les composants Razor dans des scénarios où ASP.NET Core n’est pas utilisé, comme dans les applications console ou d’autres charges de travail .NET, étendant ainsi l’utilité des composants Razor au-delà des applications Web traditionnelles.

ASP.NET Core : améliorations diverses

.NET 8 apporte une série d’améliorations techniques à ASP.NET Core. Il existe une nouvelle API de métriques pour un suivi détaillé des performances, et le hachage SHA-3 étend les options cryptographiques. HttpClient prend désormais en charge les proxys HTTPS pour des communications sécurisées et privées. Les méthodes ZipFile basées sur les flux améliorent la gestion des fichiers sans dépendre du stockage sur disque. Un générateur de source pour la validation des options réduit le temps de démarrage et les constructeurs LoggerMessageAttribute mis à jour offrent plus de flexibilité en matière de journalisation.

De plus, il existe des mises à jour axées sur les performances avec de nouvelles API d’opération tensorielles pour les applications d’IA et d’apprentissage automatique, démontrant l’engagement de .NET en faveur du calcul haute performance.

Ces améliorations contribuent à la robustesse, aux performances et à la sécurité des applications développées avec ASP.NET Core dans .NET 8. Pour un aperçu complet, veuillez consulter le documentation officielle .NET 8.

Et après ?

Telerik UI pour Blazor et Telerik UI pour ASP.NET Core sont prêts à prendre entièrement en charge le prochain framework .NET 9, garantissant ainsi que les développeurs peuvent tirer parti des dernières améliorations de leurs projets Web.

Les développeurs de Blazor peuvent s’attendre à une nouvelle collection de composants, notamment un composant Spreadsheet multifonctionnel, un composant DockManager pour une gestion avancée de la mise en page et un composant PopUp/PopOver pour des interactions utilisateur enrichies.

Pour ASP.NET Core, l’accent sera mis sur l’aide à la transition du développement de bureau vers le développement Web, avec des composants tels que PropertyGrid rendant la transition plus intuitive.

La performance est également un objectif clé. Attendez-vous à voir des améliorations dans les DataGrids dans les deux bibliothèques d’interface utilisateur, visant à accélérer la gestion et le rendu des données. Cette étape fait partie de nos efforts continus pour maintenir l’avant-garde de Telerik UI dans le monde des bibliothèques de composants d’interface utilisateur.

Il y a plus à l’horizon : restez informé de nos développements en gardant un œil sur notre public. feuille de route.

Nous sommes reconnaissants de votre soutien continu et vous invitons à continuer de partager vos suggestions et demandes via la page dédiée. Portail de commentaires. Élaborons l’orientation future de Interface utilisateur Telerik ensemble.

Bienvenue au webinaire .NET 8 le 13 décembre

Rejoignez-nous le 13 décembre à 11 h HE pour le webinaire .NET 8 et restez au courant du parcours .NET 8 jusqu’à présent et de toutes les actualités brûlantes du monde .NET sur le Web, mobile, multiplateforme et bureau.

Inscrivez-vous aujourd’hui