SFX – أداة Spyrosoft CLI لتطوير واجهات أمامية أفضل

عالم تطوير الويب يتغير بسرعة. تتنافس الشركات على العملاء، وهذا يتطلب من المطورين التميز وتقديم قيمة أكبر من منافسيهم. هذا أحد الأسباب التي دفعتنا لإنشاء SFX – Spyrosoft Frontend CLI.

يعرف كل مطور هذا المخطط: تبدأ مشروعًا جديدًا، ويكون اليوم الأول روتينًا متكررًا. أولًا، عليك إنشاء مستودع، وإضافة بعض الالتزامات الأولية وتثبيت المكتبة/الإطار المطلوب. ثم تحتاج إلى إضافة بعض الأدوات، مثل Linter وDocker، أو إعداد بعض خطوط CI/CD لـتشغيل بعض الاختبارات أو التدقيق.

عندما تكون قد قمت بذلك مئات المرات من قبل، قد يكون من الممل تكراره مرة أخرى… بالإضافة إلى أنه لا يزال يستغرق نصف يوم أو حتى أكثر. ولهذا السبب قد تساعدك حزمة SFX الجديدة من Spyrosoft.

إطلاق كفاءة تطوير الواجهة الأمامية مع Spyrosoft Frontend Extension (SFX)

في ظل المشهد المتطور باستمرار لتطوير الويب، لم تعد الكفاءة والسرعة أمرين مرغوبين فحسب؛ بل أصبحا ضرورة. وهنا يأتي Spyrosoft Frontend Extension – SFX، وهي أداة ثورية مصممة لتعزيز سير عمل مطوري Angular وReact.

فجر عصر تطوير جديد

ولّت أيام عمليات الإعداد المملة ومتاعب التهيئة. يبشر SFX بعصر جديد حيث يكون تهيئة مشروع الواجهة الأمامية بسيطًا كأمر واحد. هذا ليس مجرد تحسين طفيف؛ إنه تحول جذري يقلص أوقات الإعداد ويتيح للمطورين الغوص مباشرة في ما يجيدونه – البرمجة.

إعداد مبسّط: حلم المطوّر

تخيل أنك تبدأ مشروعًا جديدًا وتتجاوز العمل الشاق المتعلق بالتهيئة. مع SFX، يصبح هذا الحلم حقيقة. تضمن الأدوات المُهيأة مسبقًا مثل Docker بيئات تطوير متسقة عبر Mac وLinux وWindows، مما يقضي على متلازمة "إنه يعمل على جهازي".

الالتزامات التقليدية: العمود الفقري للتعاون

التعاون هو العمود الفقري لأي مشروع ناجح، ويعزز SFX هذا العمود الفقري من خلال Conventional Commits. يعمل تنسيق رسائل الالتزام الموحد هذا على تبسيط إنشاء سجل التغييرات وإدارة الإصدارات، مما يحول ما كان يُعد سابقاً مهمة شاقة إلى جزء سلس من عملية التطوير.

جودة الكود: معايير غير قابلة للتفاوض

الجودة غير قابلة للتفاوض، وتفرض SFX ذلك من خلال ESLint وPrettier المهيأين مسبقًا. هذه الأدوات هي حراس معايير الكود، مما يضمن أن كل سطر من الكود لا يعمل فحسب، بل يلتزم بأعلى معايير الجودة.

Husky git hooks: حارس الجودة

مع دمج خطافات Git الخاصة بـ Husky في SFX، تصبح فحوصات الجودة جزءًا طبيعيًا من سير عمل التطوير. تعمل هذه الخطافات كحرّاس يحمون قاعدة الشيفرة من الأخطاء المحتملة ويضمنون ألا يمر سوى أفضل الشيفرات.

تجربة مطوّر محسّنة: الهدف النهائي

في جوهر SFX يكمن الالتزام الراسخ بتعزيز تجربة المطوّر. فمن خلال أتمتة المهام الروتينية وتبسيط سير العمل، يتيح SFX للمطوّرين التركيز على الابتكار والإبداع، ودفع حدود ما هو ممكن في تطوير الواجهات الأمامية.

SFX مقابل تطوير الواجهة الأمامية التقليدي

عند مقارنتها بممارسات التطوير التقليدية، تبرز SFX في قدرتها على تقديم نهج أكثر تماسكاً وكفاءة وتركيزاً على الجودة. فهي ليست مجرد أداة؛ بل حليف للمطور، يحوّل التحديات إلى فرص ويضع معياراً جديداً لتطوير الواجهات الأمامية.

احتضان المستقبل مع SFX

مع استمرار نمو تعقيد الويب، ستصبح أدوات مثل SFX لا غنى عنها. فهي لا تمثل مجرد خطوة إلى الأمام بل قفزة نحو مستقبل يستطيع فيه المطورون تحقيق المزيد بأقل جهد – وقت أقل، وإحباط أقل، وتنازل أقل عن الجودة.

بالنسبة للمطورين الذين يتطلعون إلى البقاء في الطليعة وتبني مستقبل تطوير الواجهات الأمامية، فإن Spyrosoft SFX ليس مجرد خيار؛ بل هو المفتاح لإطلاق إمكاناتهم الكاملة.

ما هو SFX – Spyrosoft Frontend Extension؟

SFX هي حزمة NPM مفتوحة المصدر أنشأها مطورو الواجهات الأمامية لدينا في مختبر الابتكار للبحث والتطوير تحت قيادة Andrzej Aksenczuk. بعبارات بسيطة، هي مجموعة من التعليمات البرمجية القابلة لإعادة الاستخدام أنشأناها لتقصير عملية الإعداد من يوم كامل من العمل إلى بضع دقائق. SFX متاحة أيضًا للمستخدمين الخارجيين – أي شخص
يمكنه استخدامه والمساهمة فيه.

يمكنك تثبيته كحزمة عامة واستخدام واجهة سطر الأوامر CLI الخاصة به. هدفه هو مساعدة مطوري الواجهة الأمامية على إعداد المستودع الأحادي لمنتجهم. تتضمن واجهة سطر الأوامر أمرين. الأمر الرئيسي هو sfx create. سيقوم هذا الأمر بتشغيل بعض الأسئلة التي يمكنك الإجابة عليها لاختيار أفضل الحلول لاحتياجاتك:

السؤال الأول هو: "يرجى تقديم اسم المستودع الأحادي الخاص بك"

الآن، يمكنك كتابة اسم المستودع الأحادي (monorepo) الذي يناسبك أكثر أو الضغط على Enter والاحتفاظ بالاسم الافتراضي، وهو spyro-fe-monorepo.

السؤال الثاني هو: "ما إطار العمل الذي ترغب في استخدامه؟"

في الوقت الحالي، تدعم حزمتنا أشهر أطر العمل، وهي React وAngular. يمكنك اختيار أحدهما والضغط على Enter.

السؤال الثالث هو: «أي أداة تجميع تود استخدامها لبناء التطبيق؟»

هنا، يمكنك الاختيار بين حزم Webpack وVite.

السؤال الرابع هو: «ما منصة المستودعات التي تستخدمها؟»

توفر حزمتنا ملفات تكوين بسيطة لخط أنابيب CI لاختبار تطبيقك وفحصه وبنائه. يمكنك اختيار تنسيق ملف التكوين حسب المنصة التي تستخدمها. يمكنك الاختيار بين Github وGitlab وBitbucket وAzure.

السؤال الخامس (أو بالأحرى الطلب) هو: "يرجى تقديم اسم تطبيقك"

يمكنك تمرير اسم التطبيق الذي سيُضاف إلى المستودع الأحادي الخاص بك.

السؤال الأخير هو: «هل توافق على إرسال بيانات حول الأخطاء المحتملة لمساعدتنا في تحسين SFX CLI؟»

يُطرح هذا السؤال فقط عند التشغيل الأول لمكتبتنا، وتُخزَّن الإجابة. إذا أجبت بنعم، فسيتم إرسال أي أخطاء تحدث أثناء استخدام مكتبتنا إلى خدمة الأخطاء لدينا لمساعدتنا في تتبع الأخطاء المحتملة.

هكذا يبدو في النظام:

بعد الإجابة على تلك الأسئلة البسيطة القليلة، تبدأ حزمتنا عملها، وتتيح لك اختيار إطار العمل الأمامي المفضل لديك وحزمة التجميع. تحت الغطاء، باستخدامNX، تقوم حزمتنا بإعداد مستودع أحادي مع eslint مثبت مسبقاً وDocker مُهيأ وجميع التبعيات اللازمة. بعد حوالي دقيقتين، تكتمل عملية التثبيت، ويمكنك فتح المستودع الأحادي الخاص بك. وبذلك يصبح الكود الخاص بك جاهزاً للتشغيل والنشر، ويمكنك الانتقال مباشرة إلى تطوير ميزات جديدة وإضافة قيمة جديدة لمشروعك.

الخاتمة

نحن واثقون بأن SFX سيكون نقلة نوعية حقيقية وتبسيطًا هائلًا للعمل لمطوري الواجهات الأمامية لدينا. نشجع الجميع على اختبار هذه الأداة والمساهمة فيها، إذا رغبتم في ذلك. وإذا كانت لديكم أي أسئلة حول SFX، فلا تترددوا في التواصل عبر نموذج الاتصال أدناه بأي أسئلة إضافية قد تكون لديكم!