Bölüm

Fluent UI Eğitimleri: Stil bileşenleri ve temalı

örneklerini şununla değiştirin: Oleksandr Fediashov

Akıcı kullanıcı arabirimi Analizler

Bu öğretici, stil özelleştirmelerini vurgulayan Fluent UI React v9'a genel bir bakış sunar. ve mergeClasses() işlevlerinin makeStyles() kullanımını kapsar. Ayrıca, temel senaryolar için stillerin nasıl yazacağını ve Fluent UI React bileşenleri ve bunların yuvaları için stil geçersiz kılmalarının nasıl uygulanacağını açıklar.

Chapters

  • 00:00 - Derse giriş
  • 00:18 - makeStyles kullanımı
  • 01:47 - makeStyles & CSS kısaltmaları
  • 02:53 - CSS kısaltmaları nedir?
  • 04:12 - MergeClasses aracılığıyla koşullu stiller
  • 05:57 - Sipariş birleştirmeKlaslar
  • 07:08 - Atomik CSS nedir?
  • 08:41 - Theming için belirteçleri kullanma
  • 11:21 - Farklı temalardaki belirteçler
  • 12:30 - Bileşenlerin özelleştirilmesi
  • 13:40 - Yuvaların özelleştirilmesi
  • 16:40 - Griffel Geliştirici Araçlarını Kullanma
  • 17:58 - Sahte sınıflar
  • 18:54 - İç içe seçiciler
  • 20:55 - @media sorgular
  • 21:33 - CSS ana kareleri, animationName
  • 22:37 - Outro

Developer