Episodio
Fluent UI React Ideas: Griffel
con Oleksandr Fediashov
Fluent UI Insights es una serie que describe el diseño y las decisiones que subyacen al sistema de diseño de la interfaz de usuario Fluent. En el tercer episodio, Oleksandr del equipo de fluent UI explica los detalles de implementación y las complejidades detrás de Griffel. Griffel es CSS-in-JS usado en Fluent UI React v9 y características de compilación anticipada.
Capítulos
- 00:00: Introducción
- 00:34 : requisitos para la solución de estilo
- 04:53 : Conceptos importantes de Atomic CSS-in-JS
- 11:00 - Creación de Griffel CSS-in-JS
- 13:21 - ¿Todo salió sin problemas?
Recursos recomendados
- Sitio web de FluentUI
- Repositorio de GitHub de FluentUI
- Sitio web de Griffel
- Repositorio de GitHub de Griffel
- CodeSandbox que muestra la importancia del orden LVFHA
- Sitio web de Styletron
- Cargador de webpack para Griffel
- RFC: cambios en la API makeStyles()
- RFC: No permitir las abreviaciones CSS en llamadas makeStyles()
Episodios relacionados
Fluent UI Insights es una serie que describe el diseño y las decisiones que subyacen al sistema de diseño de la interfaz de usuario Fluent. En el tercer episodio, Oleksandr del equipo de fluent UI explica los detalles de implementación y las complejidades detrás de Griffel. Griffel es CSS-in-JS usado en Fluent UI React v9 y características de compilación anticipada.
Capítulos
- 00:00: Introducción
- 00:34 : requisitos para la solución de estilo
- 04:53 : Conceptos importantes de Atomic CSS-in-JS
- 11:00 - Creación de Griffel CSS-in-JS
- 13:21 - ¿Todo salió sin problemas?
Recursos recomendados
- Sitio web de FluentUI
- Repositorio de GitHub de FluentUI
- Sitio web de Griffel
- Repositorio de GitHub de Griffel
- CodeSandbox que muestra la importancia del orden LVFHA
- Sitio web de Styletron
- Cargador de webpack para Griffel
- RFC: cambios en la API makeStyles()
- RFC: No permitir las abreviaciones CSS en llamadas makeStyles()
Episodios relacionados
¿Quiere hacer algún comentario? Comunique un problema aquí.