劇集

Fluent UI React 訓練：設定最佳做法和圖標的樣式

取代為 Oleksandr Fediashov

本教學課程涵蓋兩個不同的主題。第一個主題會逐步解說使用 Griffel CSS-in-JS 與 Fluent UI 元件或不使用 Fluent UI 元件的一些最佳做法。我們將瞭解使用 Griffel 時的常見開發模式，以及實作這些模式的最佳方式。第二個主題是更進階的深入探討我們在 Fluent UI 中擁有的不同圖示變體，以及如何有效地使用這些變體。

章

00：00 - 簡介
00：11 - 樣式手冊
01：00 - Griffel 運行時間樣式限制
01：12 - 不正確的樣式範例
02：03 - 列舉所有樣式組合
03：17 - 內嵌樣式
03：52 - 內嵌 CSS 變數
05：19 - 建構樣式定義
07：09 - 設計令牌和主題
09：22 - 不要使用！important
11：38 - 巢狀結合器
16：37 - 圖示回顧
17：25 - 一般和填滿圖示變體
18：05 - 組合圖示
19：31 - 暫留時切換圖示變體
20：17 - Fluent UI 元件圖示處理
21：15 - Outro

建議的資源

章

00：00 - 簡介
00：11 - 樣式手冊
01：00 - Griffel 運行時間樣式限制
01：12 - 不正確的樣式範例
02：03 - 列舉所有樣式組合
03：17 - 內嵌樣式
03：52 - 內嵌 CSS 變數
05：19 - 建構樣式定義
07：09 - 設計令牌和主題
09：22 - 不要使用！important
11：38 - 巢狀結合器
16：37 - 圖示回顧
17：25 - 一般和填滿圖示變體
18：05 - 組合圖示
19：31 - 暫留時切換圖示變體
20：17 - Fluent UI 元件圖示處理
21：15 - Outro

建議的資源

開發人員