Epizód

Fluent felhasználói felületi betanítások: Összetevők stílusa >

nevű és Oleksandr Fediashov

Fluent felhasználói felületi Elemzések

Ez az oktatóanyag áttekintést nyújt a Fluent UI React v9-ről, kiemelve a stílus testreszabását. A függvények és mergeClasses() a makeStyles() függvények használatát ismerteti. Emellett azt is ismerteti, hogyan írhat stílusokat alapforgatókönyvekhez, és hogyan alkalmazhat stílus felülbírálásokat a Fluent UI React-összetevőkre és azok tárolóhelyeire.

Fejezetek

  • 00:00 – Bevezetés a leckébe
  • 00:18 - makeStyles használat
  • 01:47 - makeStyles & CSS shorthands
  • 02:53 – Mik azok a CSS-rövidítések?
  • 04:12 – Feltételes stílusok a mergeClasses használatával
  • 05:57 – A sorrend egyesítéseClasses
  • 07:08 - Mi az Atomic CSS?
  • 08:41 – Jogkivonatok használata a számukra
  • 11:21 – Tokenek különböző témákban
  • 12:30 – Az összetevők testreszabása
  • 13:40 – A tárolóhelyek testreszabása
  • 16:40 – A Griffel Devtools használata
  • 17:58 – Álosztályok
  • 18:54 – Beágyazott választók
  • 20:55-ös - @media lekérdezések
  • 21:33 – CSS-kulcskeretek, animationName
  • 22:37 - Outro

Developer