الانتقال إلى المحتوى الرئيسي
Header

الأوامر المفيدة

”بدء التطبيق"

npx nx start twenty-front

"إعادة توليد مخطط graphql بناءً على مخطط API 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 يتعامل مع التوجيه.” “لتجنب إعادة العرض غير الضرورية، يوجد منطق التوجيه في useEffect في PageChangeEffect."

"إدارة الحالة”

Recoil يتعامل مع إدارة الحالة.” “راجع أفضل الممارسات لمزيد من المعلومات حول إدارة الحالة."

"الاختبار”

Jest يعمل كأداة لاختبار الوحدات بينما يعمل Storybook لاختبار المكونات.” “يستخدم Jest بشكل رئيسي لاختبار دوال الأدوات وليس المكونات نفسها.” “Storybook لاختبار سلوك المكونات المعزولة، وكذلك عرض نظام التصميم.”