Episode

Fluent UI React-Schulungen: Formatieren bewährter Methoden und Symbole

durch Oleksandr Fediashov

Fluent UI React Insights und Schulung

In diesem Lernprogramm werden zwei unterschiedliche Themen behandelt. Im ersten Thema werden einige der bewährten Methoden der Verwendung der Griffel CSS-in-JS mit oder ohne Fluent UI-Komponenten erläutert. Wir erfahren mehr über gängige Entwicklungsmuster bei der Verwendung von Griffel und die beste Möglichkeit, sie zu implementieren. Das zweite Thema ist ein fortgeschrittenerer Deep-Dive in die verschiedenen Symbolvarianten, die wir in Fluent UI haben und wie sie effektiv verwendet werden.

Kapitel

  • 00:00 – Einführung
  • 00:11 - Formatvorlagenhandbuch
  • 01:00 - Einschränkungen der Griffel-Laufzeitstile
  • 01:12 - Falsches Formatbeispiel
  • 02:03 - Aufzählen aller Formatvorlagenkombinationen
  • 03:17 - Inlineformatvorlagen
  • 03:52 - Inline-CSS-Variablen
  • 05:19 - Strukturierung von Formatvorlagendefinitionen
  • 07:09 - Designtoken und Designs
  • 09:22 - Nicht verwenden !important
  • 11:38 - Geschachtelte Kombinatoren
  • 16:37 - Symbolrückcap
  • 17:25 - Reguläre und gefüllte Symbolvarianten
  • 18:05 - Bündelungssymbole
  • 19:31 - Umschalten von Symbolvarianten beim Daraufzeigen
  • 20:17 – Behandeln von Fluent-UI-Komponentensymbolen
  • 21:15 - Outro

Entwickler