Front End Use Cases

Casos de uso de componentes e features que utilizamos no dia a dia

Storybook

❗️ Motivação

No dia-a-dia nos deparamos com problemas que muitas das vezes já foram resolvidos por outros membros da empresa em outros projetos, mas mesmo assim gastamos tempo demais para pesquisar e chegar na mesma solução.

Tendo isso em vista, criamos esse repositório para agregar esse conteúdo e documentá-lo, para que tenhamos um lugar onde possamos encontrar um caminho um pouco mais curto para nossas tarefas.

📂 Estrutura de Pastas

├── src
│   ├── components
│   │   ├── <component-folder-name>
│   │   │   ├── <component-file-name>.js
│   │   │   └── index.js
│   │   └── index.js
│   ├── helpers
│   │   ├── <helper-file-name>.js
│   │   └── index.js
│   ├── hooks
│   │   ├── <hook-folder-name>
│   │   │   ├── <hook-file-name>.js
│   │   │   └── index.js
│   │   └── index.js
│   └── stories
│       └── <story-file-name>.stories.mdx

🚀 Utilização

1 - Clonar esse repositório e executar o comando yarn install para instalar as dependências.

2 - Executar o comando yarn start para rodar o Storybook.

4 - Seguir a estrutura de pastas para criação de de conteúdo e sempre documentar em uma story.

4 - Usar o comando yarn commit para fazer commit.