acá el código. 🤓
import ___ from './button';
export default {
title: 'Design System/Atoms/Button'
};
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?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Arquitectura de componentes y nombramiento en Storybook
4/21Recursos
Aportes 3
Preguntas 0
Ordenar por:
¡Excelente! Me llama la atención que se está llevando el curso en Vanillajs. Estaría bueno crear los componentes con la metodología de los “Web Components”, existe un curso de Platzi donde enseñan esto.
https://platzi.com/cursos/web-components-javascript/
Gracias por estos cursos tan geniales.
He usado storybook por 2 años y creo que es una excelente herramienta, podemos tener una visual de nuestros componentes asi la aplicacion o sitio web no este construido en su totalidad
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?