Pruebas Visuales con Chromatic para Design Systems
Clase 20 de 21 • Curso de Storybook: Sistemas de Diseño con JavaScript
Contenido del curso
Visión general de los sistemas de diseño en desarrollo
Desarrollo de componentes
- 3

Instalación y Configuración de Storybook con JavaScript
14:10 - 4

Arquitectura y Nombramiento de Componentes en Storybook
07:05 - 5

Uso de Design Tokens y Custom Properties en CSS con Figma
05:23 - 6

Creación de un Componente de Botón en JavaScript y CSS
18:00 - 7

Estilización de Botones en CSS: Clases y Hover Interactivo
12:17 - 8

Creación de un Componente de Cart en JavaScript y CSS
10:52 - 9

Uso de Container Queries en CSS
08:39 - 10

Estilización de Componentes CSS con Container Queries
22:02
Historias en Storybook
Essential Addons en Storybook
Pruebas de componentes en Storybook
Próximos pasos