Odcinek

Fluent UI React Trainings: Styling best practices and icon (Szkolenia w języku Fluent UI React: najlepsze rozwiązania i ikony dotyczące stylów)

with Oleksandr Fediashov

Fluent UI React Szczegółowe informacje i szkolenie

W tym samouczku omówiono dwa odrębne tematy. W pierwszym temacie przedstawiono niektóre z najlepszych rozwiązań dotyczących używania składników interfejsu użytkownika Griffel CSS-in-JS z składnikami interfejsu użytkownika Fluent lub bez nich. Poznamy typowe wzorce programistyczne podczas korzystania z narzędzia Griffel i najlepszy sposób ich implementacji. Drugi temat to bardziej zaawansowane szczegółowe omówienie różnych wariantów ikon, które mamy w interfejsie użytkownika Fluent i jak efektywnie ich używać.

Rozdziały

  • 00:00 — Wprowadzenie
  • 00:11 — Podręcznik stylów
  • 01:00 — Ograniczenia stylów środowiska uruchomieniowego Griffel
  • 01:12 — niepoprawny przykład stylu
  • 02:03 — Wyliczanie wszystkich kombinacji stylów
  • 03:17 — Style wbudowane
  • 03:52 — wbudowane zmienne CSS
  • 05:19 — Definicje stylu strukturyzowania
  • 07:09 — Projektowanie tokenów i motywów
  • 09:22 — Nie używaj !important
  • 11:38 — kombinatory zagnieżdżone
  • 16:37 — Podsumowanie ikon
  • 17:25 — Regularne i wypełnione warianty ikon
  • 18:05 — Ikony łączenia
  • 19:31 — Przełączanie wariantów ikon po umieszczeniu wskaźnika myszy
  • 20:17 — Obsługa ikony składnika Fluent UI
  • 21:15 — Outro

Developer