Přejít na hlavní obsah

Užitečné příkazy

Spuštění aplikace

npx nx start twenty-front

Regenerujte schéma GraphQL na základě API graphql schématu

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

Linter

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

Překlady

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

Testovat

npx nx run twenty-front:test # spusťte jest testy
npx nx run twenty-front:storybook:serve:dev # spusťte storybook
npx nx run twenty-front:storybook:test # spusťte testy # (vyžaduje, aby byl spuštěn yarn storybook:serve:dev)
npx nx run twenty-front:storybook:coverage # (vyžaduje, aby byl spuštěn yarn storybook:serve:dev)

Technologický stack

Projekt má čistý a jednoduchý stack s minimálním počtem šablonových kódů. Aplikace Testování Nástroje

Architektura

Směrování

React Router zajišťuje směrování. To avoid unnecessary re-renders all the routing logic is in a useEffect in PageChangeEffect.

Správa stavu

Recoil zajišťuje správu stavu. Podívejte se na osvědčené postupy pro více informací o správě stavu.

Testování

Jest slouží jako nástroj pro testování jednotek, zatímco Storybook je pro testování komponent. Jest je primárně určen pro testování pomocných funkcí, nikoli samotných komponent. Storybook slouží k testování chování izolovaných komponent, stejně jako k zobrazování návrhového systému.