Ana içeriğe atla
Header

Faydalı Komutlar

Uygulamayı Başlatma

npx nx start twenty-front

API graphql şemasına dayalı graphql şemasını yeniden oluştur

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

Lint

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

Çeviriler

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)

Teknoloji Yığını

Proje temiz ve basit bir yığına sahip, minimum şablon koduyla. Uygulama Test Araçlar

Mimari

Rotalama

React Router rotalamayı halleder. Gereksiz yeniden renderların önlenmesi için tüm rotalama mantığı PageChangeEffect içindeki bir useEffect’te yer alır.

Durum Yönetimi

Durum yönetimini Recoil halleder. Durum yönetimi hakkında daha fazla bilgi için en iyi uygulamalar bölümüne bakın.

Test

Jest birim testi aracı olarak kullanılırken Storybook bileşen testleri için kullanılır. Jest, esas olarak yardımcı programların test edilmesi için kullanılır ve bileşenlerin kendisi için değil. Storybook, izole bileşenlerin davranışlarının test edilmesi ve tasarım sisteminin gösterilmesi için kullanılır.