Estuve esperando este curso por 43 días 💚
Visión general de los sistemas de diseño en desarrollo
Lo que debes saber para crear un sistema de diseño
Conceptos y recursos importantes para trabajar con Storybook
Desarrollo de componentes
Storybook: instalación, anatomía y primeras historias
Arquitectura de componentes y nombramiento en Storybook
Design Tokens y Custom Properties
Creación del componente Button con JavaScript y CSS
Estilos del componente Button
Creación del componente Card con JavaScript y CSS
Container Queries en CSS
Componente Card con Container Queries
Historias en Storybook
Component Story Format (CSF)
Argumentos
Parámetros y decoradores
Essential Addons en Storybook
Addons más comunes y soporte
Actions y Backgrounds
Viewport, Measure y Outline
Pruebas de componentes en Storybook
Test runner
Pruebas de interacción
Pruebas de accesibilidad
Pruebas visuales con Chromatic
Próximos pasos
¿Quieres más cursos de Storybook.js?
Lo que debes saber para crear un sistema de diseño
1/21Recursos
Transcripción
Aportes 5
Preguntas 1
Ordenar por:
No paro de aprender todo el conocimiento que se encuentra en todos estas clases tan interesantes. Muy super animado y mi entusiasmo me pide seguir aprendiendo y No parar de aprender.
Genial! 😃
Después de trabajar un poco con StyoBook, creo que una forma de verlo es como un visor de componentes, donde puedes ver los atomos, moleculas y demás junto con sus variantes, haciendo un simple clic.
Hola! Está pendiente el enlace a los componentes en Figma 😃
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?