Ana içeriğe atla

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

Kod Temizleme

npx nx run twenty-front:lint # lint hatalarını düzeltmek için --fix'i geç

Çeviriler

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

Test

npx nx run twenty-front:test # jest testlerini çalıştır
npx nx run twenty-front:storybook:serve:dev # storybook'u çalıştır
npx nx run twenty-front:storybook:test # testleri çalıştır # (yarn storybook:serve:dev'nin çalışıyor olması gerekir)
npx nx run twenty-front:storybook:coverage # (yarn storybook:serve:dev'nin çalışıyor olması gerekir)

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.