Přejít na hlavní obsah
Header

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 # 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)

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í. Aby se předešlo zbytečnému překreslování je veškerá logika směrování v useEffect v 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.