에피소드

Fluent UI React Trainings: 모범 사례 및 아이콘 스타일 지정

다음과 같이 바꿉니다. Oleksandr Fediashov

Fluent UI React Insights 및 교육

이 자습서에서는 두 가지 고유한 항목을 다룹니다. 첫 번째 항목에서는 Fluent UI 구성 요소의 유무에 관계없이 Griffel CSS-in-JS를 사용하는 몇 가지 모범 사례를 살펴봅니다. Griffel을 사용할 때 일반적인 개발 패턴과 이를 구현하는 가장 좋은 방법에 대해 알아봅니다. 두 번째 항목은 Fluent UI에 있는 다양한 아이콘 변형과 이를 효과적으로 사용하는 방법에 대한 고급 심층 분석입니다.

장

  • 00:00 - 소개
  • 00:11 - 스타일 핸드북
  • 01:00 - 그리펠 런타임 스타일 제한 사항
  • 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 - 아웃로

개발자