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

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

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

"npx nx start twenty-front"

"إعادة توليد مخطط graphql بناءً على مخطط API graphql”

"npx nx run twenty-front:graphql:generate --configuration=metadata"
“أو”
"npx nx run twenty-front:graphql:generate"

Lint

"npx nx run twenty-front:lint # مرر --fix لإصلاح أخطاء التدقيق"

”الترجمات”

"npx nx run twenty-front:lingui:extract\nnpx nx run twenty-front:lingui:compile"

تجربة

"npx nx run twenty-front:test # تشغيل اختبارات jest\nnpx nx run twenty-front:storybook:serve:dev # تشغيل storybook\nnpx nx run twenty-front:storybook:test # تشغيل الاختبارات # (يحتاج إلى تشغيل yarn storybook:serve:dev)\nnpx nx run twenty-front:storybook:coverage # (يحتاج إلى تشغيل yarn storybook:serve:dev)"

”التقنية المستخدمة”

“المشروع يحتوي على تقنية بسيطة ونظيفة، مع الحد الأدنى من كود البويلر بليت.” التطبيق الاختبار الأدوات

”الهيكلية"

"التوجيه”

React Router يتعامل مع التوجيه.” To avoid unnecessary re-renders all the routing logic is in a useEffect in PageChangeEffect.

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

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

"الاختبار”

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