Episodio
Fluent UI React Insights: Griffel
con Oleksandr Fediashov
Fluent UI Insights è una serie che descrive la progettazione e le decisioni che si basano sul sistema di progettazione dell'interfaccia utente Fluent. Nel terzo episodio Oleksandr del team di Fluent UI illustra i dettagli di implementazione e le complessità dietro Griffel. Griffel è CSS-in-JS usato in Fluent UI React v9 e funzionalità di compilazione anticipata.
Capitoli
- 00:00 - Introduzione
- 00:34 - Requisiti per la soluzione di applicazione di stili
- 04:53 - Concetti importanti di Atomic CSS-in-JS
- 11:00 - Creazione di Griffel CSS-in-JS
- 13:21 - Tutto è andato senza problemi?
Risorse consigliate
- Sito Web FluentUI
- Repository GitHub fluentUI
- Sito Web griffel
- Repository GitHub Griffel
- CodeSandbox che mostra l'importanza dell'ordine LVFHA
- Sito Web styletron
- Caricatore Webpack per Griffel
- RFC: apportare modifiche all'API MakeStyles()
- RFC: non consentire le abbreviazioni CSS nelle chiamate makeStyles()
Episodi correlati
Fluent UI Insights è una serie che descrive la progettazione e le decisioni che si basano sul sistema di progettazione dell'interfaccia utente Fluent. Nel terzo episodio Oleksandr del team di Fluent UI illustra i dettagli di implementazione e le complessità dietro Griffel. Griffel è CSS-in-JS usato in Fluent UI React v9 e funzionalità di compilazione anticipata.
Capitoli
- 00:00 - Introduzione
- 00:34 - Requisiti per la soluzione di applicazione di stili
- 04:53 - Concetti importanti di Atomic CSS-in-JS
- 11:00 - Creazione di Griffel CSS-in-JS
- 13:21 - Tutto è andato senza problemi?
Risorse consigliate
- Sito Web FluentUI
- Repository GitHub fluentUI
- Sito Web griffel
- Repository GitHub Griffel
- CodeSandbox che mostra l'importanza dell'ordine LVFHA
- Sito Web styletron
- Caricatore Webpack per Griffel
- RFC: apportare modifiche all'API MakeStyles()
- RFC: non consentire le abbreviazioni CSS nelle chiamate makeStyles()
Episodi correlati
Hai un feedback? Invia qui un problema.