Épisode
Formations Fluent UI : Composants de style & thèmes
par Oleksandr Fediashov
Ce tutoriel offre une vue d’ensemble de Fluent UI React v9, mettant l’accent sur les personnalisations de style. Il couvre l’utilisation des fonctions et mergeClasses()
des makeStyles()
fonctions. En outre, il explique comment écrire des styles pour des scénarios de base et comment appliquer des remplacements de style pour les composants Fluent UI React et leurs emplacements.
Chapitres
- 00 :00 - Présentation de la leçon
- 00 :18 - utilisation de makeStyles
- 01 :47 - makeStyles &CSS shorthands
- 02 :53 - Qu’est-ce que les raccourcis CSS ?
- 04 :12 - Styles conditionnels via mergeClasses
- 05 :57 - L’ordre est mergeClasses
- 07 :08 - Qu’est-ce que atomic CSS ?
- 08 :41 - Utilisation de jetons pour les thèmes
- 11 :21 - Jetons dans différents thèmes
- 12 :30 - Personnalisation des composants
- 13 :40 - Personnalisation des emplacements
- 16 :40 - Utilisation de Griffel Devtools
- 17 :58 - Pseudo classes
- 18 :54 - Sélecteurs imbriqués
- Requêtes 20 :55 - @media
- 21 :33 - Images clés CSS, animationName
- 22 :37 - Outro
Ressources recommandées
- Style de base
- Thèmes et jetons
- Personnalisation des composants
- Terrain de jeu Griffel
- Référentiel Griffel
Épisodes associés
Ce tutoriel offre une vue d’ensemble de Fluent UI React v9, mettant l’accent sur les personnalisations de style. Il couvre l’utilisation des fonctions et mergeClasses()
des makeStyles()
fonctions. En outre, il explique comment écrire des styles pour des scénarios de base et comment appliquer des remplacements de style pour les composants Fluent UI React et leurs emplacements.
Chapitres
- 00 :00 - Présentation de la leçon
- 00 :18 - utilisation de makeStyles
- 01 :47 - makeStyles &CSS shorthands
- 02 :53 - Qu’est-ce que les raccourcis CSS ?
- 04 :12 - Styles conditionnels via mergeClasses
- 05 :57 - L’ordre est mergeClasses
- 07 :08 - Qu’est-ce que atomic CSS ?
- 08 :41 - Utilisation de jetons pour les thèmes
- 11 :21 - Jetons dans différents thèmes
- 12 :30 - Personnalisation des composants
- 13 :40 - Personnalisation des emplacements
- 16 :40 - Utilisation de Griffel Devtools
- 17 :58 - Pseudo classes
- 18 :54 - Sélecteurs imbriqués
- Requêtes 20 :55 - @media
- 21 :33 - Images clés CSS, animationName
- 22 :37 - Outro
Ressources recommandées
- Style de base
- Thèmes et jetons
- Personnalisation des composants
- Terrain de jeu Griffel
- Référentiel Griffel
Épisodes associés
Vous voulez donner votre avis ? Soumettez un problème ici.