kidbutton v0.2.6

TSDX React with Storybook User Guide

Storybook

Run inside another terminal:

yarn storybook

This loads the stories from ./stories.

NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.

Styled Components

Run inside another terminal:

yarn styled-components

O que aprendemos

• Criar um projeto base com o npx tsdx, React e Storybook;
• Escrever uma story para apresentar o componente criado no Storybook;
• Construir a biblioteca localmente, para testar o código desenvolvido;
• Importar o componente criado no ambiente de teste local.
• Publicar a biblioteca no NPM.
• Utilizar o Styled Components para estilizar os componentes.
• Utilizar o Storybook para documentar os componentes.
• Desenvolver uma integração continua entre o GitHub e o NPM.

Referências

• TSDX
• Storybook
• Styled Components
• React TypeScript Cheatsheet
• React
• TypeScript
• Parcel
• React Testing Library
• Jest

Contato

• LinkedIn
• Buy me a coffee