Saltar para o conteúdo principal
Header

Comandos Úteis

Iniciando o aplicativo

npx nx start twenty-front

Regenerar esquema GraphQL baseado no esquema de API GraphQL

npx nx run twenty-front:graphql:generate --configuration=metadata
OU
npx nx run twenty-front:graphql:generate

Lint

npx nx run twenty-front:lint # pass --fix to fix lint errors

Traduções

npx nx run twenty-front:lingui:extract
npx nx run twenty-front:lingui:compile

Teste

npx nx run twenty-front:test # run jest tests
npx nx run twenty-front:storybook:serve:dev # run storybook
npx nx run twenty-front:storybook:test # run tests # (needs yarn storybook:serve:dev to be running)
npx nx run twenty-front:storybook:coverage # (needs yarn storybook:serve:dev to be running)

Pilha de Tecnologias

O projeto possui uma pilha limpa e simples, com pouco código boilerplate. Aplicativo Testes Ferramentas

Arquitetura

Roteamento

React Router gerencia o roteamento. Para evitar re-renderizações desnecessárias, toda a lógica de roteamento está em um useEffect no PageChangeEffect.

Gerenciamento de Estado

Recoil gerencia o estado. Veja melhores práticas para mais informações sobre gerenciamento de estado.

Testes

Jest serve como ferramenta para testes unitários enquanto Storybook para teste de componentes. Jest é principalmente para testar funções utilitárias, e não os componentes em si. Storybook é para testar o comportamento de componentes isolados, bem como exibir o sistema de design.