Passer au contenu principal
Header

Commandes utiles

Lancement de l’application

npx nx start twenty-front

Régénérer le schéma GraphQL basé sur le schéma API GraphQL

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

Analyse

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

Traductions

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

Test

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)

Écosystème Tech

Le projet a une stack simple et propre, avec un code boilerplate minimal. Application Tests Outils

Architecture

Routage

React Router gère le routage. Pour éviter les re-renders inutiles, toute la logique de routage est dans un useEffect dans PageChangeEffect.

Gestion de l’État

Recoil gère la gestion de l’état. Voir les meilleures pratiques pour plus d’informations sur la gestion de l’état.

Tests

Jest sert de guide pour les tests unitaires tandis que Storybook est utilisé pour les tests de composants. Jest est principalement utilisé pour tester les fonctions utilitaires, et non les composants eux-mêmes. Storybook est utilisé pour tester le comportement des composants isolés, ainsi que pour afficher le système de design.