Nuevo
Documentación y diseño de componentes con Storybook
Este taller práctico de React está dirigido a desarrolladores que quieren documentar y diseñar sus componentes de forma aislada con Storybook. Veremos desde la instalación y configuración de Storybook en un proyecto con Vite y TypeScript hasta la creación de stories, la documentación automática con Autodocs, la representación de casos límite y la publicación del catálogo de componentes en GitHub Pages.
Formación recién publicada
La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa.
Curso impartido por
Contenido de la formación
3 Secciones · 9 Lecciones ·
1 h. y 37 min.
en total
Presentación
Documentación y diseño de componentes con Storybook
Conclusiones
Habilidades que obtendrás
- Instalación y configuración de Storybook en proyectos de React con Vite y TypeScript
- Creación de stories para representar los distintos estados de un componente y reutilización de configuraciones con args
- Generación de documentación visual e interactiva con Autodocs, argTypes y Controls
- Reproducción de casos límite y estados especiales para revisar componentes antes de integrarlos en la aplicación
- Publicación automática del catálogo de componentes en GitHub Pages mediante GitHub Actions
Requisitos mínimos
Conocimientos básicos, preferiblemente intermedios, de React, incluyendo componentes, props y estado. Conocimientos de TypeScript y familiaridad con Vite, npm y Git.