剧集

Fluent UI React 训练：设置最佳做法和图标的样式

替换为 Oleksandr Fediashov

本教程介绍两个不同的主题。第一个主题介绍在 JS 中使用 Griffel CSS-in-JS 或不使用 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

Fluent UI React 训练：设置最佳做法和图标的样式

章节

推荐的资源

章节

推荐的资源