trailerflix-frontend

Configurando Ambiente

Criar um Perfil (Profile) no VSCode para evitar que alguma configuração do settings.json, Eslint, Prettier, EditorConfig, dê conflitos

Para instalar as dependências:

npm install

Para gerar uma pasta contendo 4 arquivos do componente automaticamente basta usar o comando abaixo colocando o nome do componente desejado.

npm run generate [NOME DO COMPONENTE]

O comando irá gerar a pasta contendo os 4 arquivos abaixo.

.
├── Component
│   └── Component.stories.tsx
│   └── Component.test.tsx
│   └── index.tsx
│   └── styles.ts

PS: o próprio plopfile.js já coloca em Pascal Case.

tipos:

build: alterações que afetam o sistema de construção ou dependências externas;
docs: referem-se a inclusão ou alteração somente de arquivos de documentação;
feat: tratam adições de novas funcionalidades ou de quaisquer outras novas implantações ao código;
fix: essencialmente definem o tratamento de correções de bugs;
perf: uma alteração de código que melhora o desempenho;
refactor: tipo utilizado em quaisquer mudanças que sejam executados no código, porém não alterem a funcionalidade final da tarefa impactada;
style: alterações referentes a formatações na apresentação do código que não afetam o significado do código;
test: adicionando testes ausentes ou corrigindo testes existentes nos processos de testes automatizados (TDD);
chore: atualização de tarefas que não ocasionam alteração no código de produção, mas mudanças de ferramentas, mudanças de configuração e bibliotecas que realmente não entram em produção;
env: utilizado na descrição de modificações ou adições em arquivos de configuração de parâmetros em arquivos de configuração.
ci: alteração nos scripts ou arquivos de configuração CI.