@d1.cx/components
v7.2.0
Published
Pacote de componentes
Downloads
213
Readme
Lib de Components
Aplicação que contém todos os components react que vão ser compartilhada nos micro front ends.
Como rodar o projeto
- Crie uma pasta no seu local de trabalho.
- Faça o clone do repositório:
git clone https://[email protected]/directoneapp/Thanos/_git/directone.app.d1-components.front
- Acesse a pasta via terminal:
cd directone.app.d1-components.front
- Instale as dependências:
npm install
- Com as dependências instaladas agora e só rodar o comando:
npm run storybook
Após rodar o comando acima o browser irá abrir no endereço:
http://localhost:6006
Como adicionar um novo componente
Todos os componentes devem estar dentro da pasta src, seguindo a seguinte estrutura:
- NomeDoComponente.tsx
- NomeDoComponente.stories.tsx
- index.tsx
- styled.tsx
- types.ts
- Componentes do ALTU seguem o mesmo padrão, porém deve ser adicionado o prefixo Altu em seus componentes e arquivos.
Importante ressaltar que a tipagem não deve ser declarada dentro do arquivo .stories, visto que na hora de gerar a build, esse arquivo é ignorado.
Tarefas automatizadas
Veja abaixo todas as tarefas automatizada utilizando npm NPM scripts.
| Tarefas | Descrição | | ----------------- | ----------------------------------------------------------------------------------------------------------- | | npm run storybook | Responsável por inicializar o projeto na porta 6006. | | npm run build | Responsável por fazer o next compilar a aplicação. | | npm run prod | Responsável por para testar a aplicação compilada pelo next, também inicializa o servidor na porta 3000 | | npm start | Responsável por rodar a projeto após ele ter sido compilado pelo next. | | npm run lint | Responsável por verificar erros e padronizar o código. |