Episodio

Entrenamientos de la interfaz de usuario de Fluent: Aplicar estilos a componentes y creación de temáticas

con Oleksandr Fediashov

Fluent UI Insights

En este tutorial se ofrece información general sobre Fluent UI React v9, lo que hace hincapié en las personalizaciones de estilo. Abarca el uso de las makeStyles() funciones y mergeClasses() . Además, se explica cómo escribir estilos para escenarios básicos y cómo aplicar invalidaciones de estilo para los componentes de Fluent UI React y sus ranuras.

Capítulos

  • 00:00 - Introducción a la lección
  • 00:18 : uso de makeStyles
  • 01:47 - makeStyles & CSS shorthands
  • 02:53 - ¿Qué son las abreviaturas css?
  • 04:12 : estilos condicionales mediante mergeClasses
  • 05:57 : el orden es mergeClasses
  • 07:08 - ¿Qué es Atomic CSS?
  • 08:41 : Uso de tokens para creación de temáticas
  • 11:21 : Tokens en diferentes temas
  • 12:30 - Personalización de componentes
  • 13:40 - Personalización de ranuras
  • 16:40 - Uso de Griffel Devtools
  • 17:58 - Pseudo clases
  • 18:54 : selectores anidados
  • 20:55 - @media consultas
  • 21:33 : fotogramas clave CSS, animationName
  • 22:37 - Outro

Desarrollador