Vue d’ensemble

Nous venons de publier une nouvelle version 4.6 de Microsoft.FluentUI.AspNetCore.Components. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• Key Code Provider: service global pour capturer les frappes au clavier.
• Pull to refresh: un élément d’interaction couramment utilisé dans les applications web et mobiles.
• Profile Menu: un composant pour gérer le compte de l’utilisateur.
• Wizard + EditForm: Possibilité de valider automatiquement for formulaire.

Vue d’ensemble

Nous venons de publier une nouvelle version 4.5 de Microsoft.FluentUI.AspNetCore.Components. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• Nouveau composant AppBar.
• Site de démonstration : Recherche de composants.
• Grid : Espacement et marges.
• Menu et Popover : Paramètres de seuil
• DataGrid : propriété filtrée et indicateur visuel
• MenuButton : Superposition et apparences
• Card : Paramètres de MinimalStyle
• Tooltip : Comportement supplémentaire

Open at Microsoft

Il y a quelques jours, Vincent et moi avont eu la chance d’être invité sur Open at Microsoft.

Open at Microsoft est une émission hebdomadaire destinée aux passionnés de logiciels libres. Elle met en avant des invités qui partagent leurs points de vue sur un projet open-source. Grâce à Frank et Pablo nous avons eu la possibilité d’enregistrer 3 capsules vidéos sur FluentUI Blazor.

• Vincent: Getting started with the Fluent UI Blazor library
• Vincent: Exploring the Fluent UI Blazor components
• Denis: Advanced scenario with FluentUI-Blazor

Vue d’ensemble

Nous venons de publier une nouvelle version 4.4 de Microsoft.FluentUI.AspNetCore.Components. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• New Sortable List. Il permet de réorganiser les éléments d’une liste (ou d’une liste à l’autre) par glisser-déposer.
• New KeyCode. Parfois, Blazor ne récupère pas toutes les informations KeyDown qu’il reçoit de JavaScript. Ce petit composant récupère ces données.
• New (experimental) MultiSplitter. Ce composant divise un panneau en plusieurs sections et permet à l’utilisateur de contrôler la mise en page.
• DataGrid Loading. Nous avons ajouté les paramètres Loading et LoadingContent à la grille de données FluentDataGrid.
• Lists components. Les listes ont été modifiés pour gérer la propriété Items de manière identique à FluentOptions.

Avant .NET 8, vous exécutiez généralement l’ensemble de votre application Blazor en utilisant l’un des modèles d’hébergement de Blazor : WASM ou Server.

• Avec Blazor Server, vos composants s’exécutent sur le serveur et toutes les interactions entre le navigateur et le serveur ont lieu via une connexion socket ouverte.
• Avec Blazor WASM, l’intégralité de votre application est expédiée au navigateur où elle s’exécute ; Et toutes les interactions avec l’interface utilisateur sont gérées directement dans le navigateur.

.NET 8 vous donne la possibilité de contrôler la façon dont vos composants s’exécutent, en modifiant ce que l’on appelle le Render Mode.

Les modes de rendu des composants dans .NET 8 sont les suivants :

• Statique côté serveur
• Serveur interactif
• WASM interactif
• Auto interactif
• Streaming

Mais qu’est-ce que c’est ? Lequel utiliser ?

Vue d’ensemble

Nous venons de publier une nouvelle version 4.3 de Microsoft.FluentUI.AspNetCore.Components. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• Wizard component: Les Wizards ont une interface utilisateur étape par étape utilisée pour décomposer des tâches complexes en éléments digestes.
• Progress et ProgressRing: Propriétés Stroke et Color
• Tab: Nouvelle propriété Visible
• PageScript: Nouveau composant pour charger du JS en mode SSR.
• Icons Explorer: Amélioration de la recherche sur toutes les tailles.
• Documentation: amélioration du menu de navigation du site de démontration.

Vue d’ensemble

Nous venons de publier une nouvelle version 4.2 de Microsoft.FluentUI.AspNetCore.Components. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• FluentDesignTheme: pour gérer le thème et les couleurs de votre site web
• FluentCheckbox: Ajout d’un mode Intermediate
• FluentAutoComplete: Attribut AutoComplete permettant de désactiver (Off) l’autocomplete par défaut du navigateur
• FluentGrid: Attribut HiddenWhen pour cacher les éléments lorsque l’écran est redimensionné
• FluentInputFile: ProgressTemplate et bindable ProgressPercent

Vue d’ensemble

Nous venons de publier une nouvelle version de Microsoft.FluentUI.AspNetCore.Components 4.1. Cette version corrige certains bugs détectés ces derniers jours, mais ajoute également quelques nouvelles fonctionnalités.

• FluentCalendar: ajout des vues Days / Months / Years.
• FluentCheckbox: ajout d’un état Indéterminé.
• FluentAccordionItem: ajout d’un attribut HeaderTemplate.
• FluentSplitter: ajout de fonctionnalités OnCollapsed et OnExpanded.

Vue d’ensemble

Nous sommes heureux d’annoncer la disponibilité de Microsoft.FluentUI.AspNetCore.Components 4.0, la dernière version de notre nouvelle bibliothèque de composants graphiques au format FluentUI. Comme nous l’avons déjà mentionné sur notre GitHub, nous apportons quelques changements fondamentaux dans cette version. En bref :

• Nous changeons l’espace de noms.
• Cette version cible uniquement .NET 8 .

Introduction

Depuis la version 7.0 de .NET, Microsoft a amélioré et intégré la possibilité de créer des HTML Custom Elements. Ces éléments personnalisés offrent aux développeurs, un moyen de créer leurs propres éléments DOM à fonctionnalités complètes. Dans Blazor, cela permet de publier ces composants vers d’autres Frameworks SPA, tels qu’Angular ou React. Plus d’info dans la documentation de Microsoft.

Les composants personnalisés Blazor :

1. Utilisent les interfaces HTML standard pour mettre en œuvre des éléments HTML personnalisés.

2. Éliminent la nécessité de gérer manuellement l’état et le cycle de vie des composants Blazor en utilisant les API JavaScript.

3. Sont utiles pour introduire progressivement des composants Blazor dans des projets existants écrits dans d’autres frameworks SPA.

Remarquez que ces éléments personnalisés Blazor ne prennent pas en charge les Child Contents ou les Templated Contents.