메인 콘텐츠로 건너뛰기
Header

유용한 명령어

앱 시작하기

npx nx start twenty-front

API GraphQL 스키마를 기반으로 GraphQL 스키마 재생성

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

린트

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

번역

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

테스트

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)

기술 스택

프로젝트는 최소한의 보일러플레이트 코드로 깔끔하고 단순한 스택을 가지고 있습니다. 테스트 도구

아키텍처

라우팅

React Router가 라우팅을 처리합니다. 불필요한 재렌더링을 피하기 위해 모든 라우팅 로직은 PageChangeEffectuseEffect에 있습니다.

상태 관리

Recoil이 상태 관리를 처리합니다. 상태 관리에 대한 자세한 정보는 최고의 관례를 참조하십시오.

테스트

Jest는 유닛 테스트 도구로 사용되고 Storybook은 컴포넌트 테스트에 사용됩니다. Jest는 주로 유틸리티 함수 테스트에 사용되며, 직접 컴포넌트를 테스트하지는 않습니다. Storybook은 개별 컴포넌트의 동작을 테스트하고 디자인 시스템을 표시하는 데 사용됩니다.