Pacote de Componentes Front-End NextJS

Pacote de componentes front-end React JS, rodando com NextJS.

Url do NPM:

https://www.npmjs.com/package/next_components_library

Utilização:

Para utilização do pacote basta rodar:

npm i next_components_library

Manutenção:

Para alterações não devemos alterar as estruturas de pastas, cada componente obrigatóriamente deverá ter o seu arquivo de tipos, exceto caso ele não receba nenhum parâmetro.

Primeiramente iremos gerar o build da biblioteca seguindo os comandos:

npm run build

Caso o build ocorra de forma perfeita, iremos rodar os seguintes comandos, para:

• subir a versão
• Adicionar os arquivos
• Realizar commit das alterações
• Enviar para o git

npm version <nova_versao>
git add .
git commit -m <codigo_da_sua_tarefa_no_jira>
git push

Para subir a versão usando o comando 'npm version' devemos seguir os parâmetros abaixo:

| Status do código | Estágio | Regra | Versão de exemplo| | ------------------- | ------------ | ------------ |---------------------| | Primeiro Lançamento | Novo produto | Sempre 1.0.0 |1.0.0 | |---------------------|--------------|--------------|---------------------| | Ajustes de bugs |Lançamento de | Subir o ter- |1.0.1 | | que não quebram |novo patch | ceiro digito | | | Versões anteriores | | | | |---------------------|--------------|--------------|---------------------| |Novos recursos |Lançamento |Subir o segundo|1.1.0 | |que não quebram |Menor |digito e zerar| | |Versões anteriores | |o ultimo | | |---------------------|--------------|--------------|---------------------| |Mudanças que quebram |Lançamento |Subir o primeiro |2.0.0 | |as versões anteriores|Principal |e zerar os demais| | |---------------------|--------------|--------------|---------------------|

Após realizar as etapas anteriores, enviaremos a atualização para o NPM, usando o comando:

npm publish

Caso você não esteja logado no npm, faça login usando os comandos:

npm login

Para novos componentes:

Criar a pasta do componente no diretório:

src/components/<nome_do_componente>

Criar os arquivos do componente.

<nome_do_componente>.tsx
<nome_do_componente>.types.ts

Documentação Componentes

Para ver a documentação dos Componentes no Storybook executar o seguinte comando:

npm run storybook

Para criar a versão estática dos Docs:

npm run build-storybook