Episodio

Corsi di formazione per l'interfaccia utente Fluent: Applicazione di stili a componenti e tema

con Oleksandr Fediashov

Fluent UI Insights

Questa esercitazione offre una panoramica di Fluent UI React v9, evidenziando le personalizzazioni di stile. Illustra l'utilizzo delle makeStyles() funzioni e mergeClasses() . Spiega inoltre come scrivere stili per scenari di base e come applicare sostituzioni di stile per i componenti React dell'interfaccia utente Fluent e i relativi slot.

Capitoli

  • 00:00 - Introduzione alla lezione
  • 00:18 - Utilizzo makeStyles
  • 01:47 - makeStyles & CSS shorthands
  • 02:53 - Che cosa sono le sintassi abbreviate CSS?
  • 04:12 - Stili condizionali tramite mergeClasses
  • 05:57 - Order is mergeClasses
  • 07:08 - Che cos'è Atomic CSS?
  • 08:41 - Uso dei token per il tema
  • 11:21 - Token in temi diversi
  • 12:30 - Personalizzazione dei componenti
  • 13:40 - Personalizzazione degli slot
  • 16:40 - Uso di Griffel Devtools
  • 17:58 - Pseudoclassi
  • 18:54 - Selettori annidati
  • Query 20:55 - @media
  • 21:33 - Fotogrammi chiave CSS, animationName
  • 22:37 - Outro

Sviluppatore