Avsnitt
Fluent UI React Insights: Griffel
med Oleksandr Fediashov
Fluent UI Insights är en serie som beskriver designen och besluten bakom Fluent UI-designsystemet. I det tredje avsnittet förklarar Oleksandr från Fluent UI-teamet implementeringsinformation och komplexitet bakom Griffel. Griffel är CSS-in-JS som används i Fluent UI React v9 och har kompilering i förväg.
Kapitel
- 00:00 – Introduktion
- 00:34 – Krav för stylinglösning
- 04:53 – Viktiga begrepp i Atomic CSS-in-JS
- 11:00 – Skapa Griffel CSS-in-JS
- 13:21 - Gick allt smidigt?
Rekommenderade resurser
- FluentUI-webbplats
- FluentUI GitHub-lagringsplats
- Griffels webbplats
- Griffel GitHub-lagringsplats
- CodeSandbox som visar LVFHA-ordningsvikt
- Styletrons webbplats
- Webpack-lastare för Griffel
- RFC: makeStyles() API-ändringar
- RFC: Tillåt inte CSS-shorthands i makeStyles()-anrop
Relaterade episoder
Fluent UI Insights är en serie som beskriver designen och besluten bakom Fluent UI-designsystemet. I det tredje avsnittet förklarar Oleksandr från Fluent UI-teamet implementeringsinformation och komplexitet bakom Griffel. Griffel är CSS-in-JS som används i Fluent UI React v9 och har kompilering i förväg.
Kapitel
- 00:00 – Introduktion
- 00:34 – Krav för stylinglösning
- 04:53 – Viktiga begrepp i Atomic CSS-in-JS
- 11:00 – Skapa Griffel CSS-in-JS
- 13:21 - Gick allt smidigt?
Rekommenderade resurser
- FluentUI-webbplats
- FluentUI GitHub-lagringsplats
- Griffels webbplats
- Griffel GitHub-lagringsplats
- CodeSandbox som visar LVFHA-ordningsvikt
- Styletrons webbplats
- Webpack-lastare för Griffel
- RFC: makeStyles() API-ändringar
- RFC: Tillåt inte CSS-shorthands i makeStyles()-anrop
Relaterade episoder
Video-URL
HTML-iframe
Har du feedback till oss? Skicka in ett problem här.