Episodio
Fluent UI React Insights: Applicazione di stili
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 secondo episodio, i tecnici del team fluent UI spiegano i problemi relativi agli stili dei controlli dell'interfaccia utente condividendo i requisiti e descrivendo anche i problemi con le soluzioni esistenti.
Capitoli
- 00:00 - Introduzione
- 00:30 - CSS?
- 01:44 - Specificità CSS
- 06:47 - BEM, CSS, CSS-in-JS
- 12:30 - Stato delle cose
- 13:32 - Non la fine...
Risorse consigliate
- https://github.com/microsoft/fluentui
- https://react.fluentui.dev/
- Articolo sulla specificità CSS
- CodeSandbox che mostra una dipendenza dall'ordine delle importazioni
- Home page dell'interfaccia utente semantica
- Home page di BEM
- Specifica dei moduli CSS
- home page di Emotion.js
- Problema in Emotion.js sull'hit delle prestazioni quando vengono usati gli stili definiti all'interno di un componente
- home page di Fela.js
Fluent UI Insights è una serie che descrive la progettazione e le decisioni che si basano sul sistema di progettazione dell'interfaccia utente Fluent. Nel secondo episodio, i tecnici del team fluent UI spiegano i problemi relativi agli stili dei controlli dell'interfaccia utente condividendo i requisiti e descrivendo anche i problemi con le soluzioni esistenti.
Capitoli
- 00:00 - Introduzione
- 00:30 - CSS?
- 01:44 - Specificità CSS
- 06:47 - BEM, CSS, CSS-in-JS
- 12:30 - Stato delle cose
- 13:32 - Non la fine...
Risorse consigliate
- https://github.com/microsoft/fluentui
- https://react.fluentui.dev/
- Articolo sulla specificità CSS
- CodeSandbox che mostra una dipendenza dall'ordine delle importazioni
- Home page dell'interfaccia utente semantica
- Home page di BEM
- Specifica dei moduli CSS
- home page di Emotion.js
- Problema in Emotion.js sull'hit delle prestazioni quando vengono usati gli stili definiti all'interno di un componente
- home page di Fela.js
Per inviare suggerimenti, Invia un problema qui.