مطور React أول (React, TypeScript, Node.js) Arrow Electronics Inc

Position: مطور React أول (React, TypeScript, Node.js)

Job Description:

نحن نبحث عن مطور React أول ذو خبرة في React، Material UI، TypeScript، و Node.js للمساعدة في بناء وتحسين تطبيقات الويب عالية الأداء. يجب أن يكون لدى المرشح المثالي أساس قوي في ممارسات تطوير الواجهة الأمامية، ومهارات متقدمة في TypeScript، وخبرة بأدوات بناء JavaScript الحديثة مثل Webpack. تعتبر الخبرة في تعبئة مكتبات Node.js، وأنظمة التصميم، وتحسين أداء الواجهة الأمامية مرغوبة للغاية. يتعين على هذا المرشح قيادة تصميم وتقديم تجارب ويب حديثة مبنية على React / Next.js و Adobe Experience Manager (AEM) Headless. سيحدد المعماري الاستراتيجية التقنية، ونمذجة المحتوى، وأنماط التكامل لتقديم تجارب رقمية قابلة للتوسع، وأداء عالي، ومحسّنة لمحركات البحث باستخدام نهج pure headless CMS.

Responsibilities

• تحديد وتنفيذ العمارة الشاملة باستخدام AEM Headless (Content Fragments, GraphQL APIs) و React/Next.js.

• تصميم استراتيجيات Rendering من جانب الخادم (SSR)، توليد المواقع الثابتة (SSG)، و التجسيد على الحافة لتحسين أداء محركات البحث.

• تصميم نماذج المحتوى وهياكل الإدارة التي تمكن من إعادة استخدام المحتوى عبر قنوات متعددة.

• تطوير وتحسين مكونات React، مع ضمان إعادة الاستخدام، وقابلية الصيانة، والأداء.

• تصميم وصيانة هيكل تطبيق React قابل للتوسع، مع اتباع ممارسات أفضل لاستدامة طويلة الأمد.

• بناء وتعبئة مكتبات Node.js ليتم إعادة استخدامها عبر مشاريع متعددة.

• كتابة كود TypeScript نظيف وفعال وقابل للتوسع، مع ضمان أمان النوع وقابلية الصيانة.

• بناء مكونات واجهة المستخدم باستخدام Material UI، مع ضمان التناسق مع إرشادات التصميم.

• دمج واستهلاك واجهات برمجة التطبيقات RESTful أو نقاط نهاية GraphQL بكفاءة.

• تنفيذ وإدارة اختبارات الواجهة الأمامية باستخدام أطر عمل مثل Jest، Cypress، أو React Testing Library.

• تحسين تكوينات Webpack لبناء أسرع، وتجميع أفضل، وأداء محسّن.

• ضمان الالتزام بأفضل الممارسات لتحسين الأداء، والوصول، والأمان.

• التعاون عن كثب مع فرق الخلفية لدمج واجهات برمجة التطبيقات وتحسين استراتيجيات جلب البيانات.

• تصحيح وحل المشكلات المعقدة عبر مجموعة الواجهة الأمامية، بما في ذلك إدارة الحالة واستراتيجيات التخزين المؤقت.

• مواكبة أحدث الاتجاهات في React و TypeScript وتطوير الواجهة الأمامية لتقديم حلول من الطراز الأول.

• المشاركة في مراجعات الكود، وتوجيه المطورين المبتدئين، والمساهمة في المناقشات الفنية.

Qualifications

• 10+ سنوات من الخبرة في تطوير الواجهة الأمامية، مع وجود 8+ سنوات من الخبرة العملية في React.

• مهارات متقدمة في TypeScript، مع التركيز على أمان النوع وأفضل الممارسات.

• خبرة قوية مع Material UI لبناء واجهات مستخدم قابلة للوصول ومتسقة.

• فهم قوي لـ Node.js وخبرة في تعبئة مكتبات Node.js.

• خبرة عملية مع أطر اختبار الواجهة الأمامية (Jest، Cypress، React Testing Library).

• فهم عميق لـ Webpack، بما في ذلك تحسين الأداء، وتقليل الشجرة، وتقسيم الحزم.

• معرفة بحلول إدارة الحالة مثل Redux، Zustand، أو Recoil.

• خبرة في تحسين الأداء، والتحميل الكسول، وتحسين درجات Lighthouse.

• معرفة بخطوط أنابيب CI/CD وممارسات DevOps لنشر الواجهة الأمامية.

• معرفة قوية بـ RESTful APIs و GraphQL، مع خبرة في استراتيجيات جلب البيانات بكفاءة.

• مهارات ممتازة في حل المشكلات والقدرة على تصحيح مشكلات الواجهة الأمامية المعقدة.

• مهارات قوية في التواصل، مع القدرة على التعاون بشكل فعال مع المصممين ومطوري الخلفية وأصحاب المصلحة.

Must Have Skills

• React

• Material UI

• TypeScript

• Storybook

• SASS

Nice to Have

• خبرة في AEM Cloud مع محرر SPA

• خبرة في بناء نظام تصميم

#LI-EK2

Location: المغرب - الدار البيضاء (Boulevard Al Quods)

Time Type: دوام كامل

Job Category: تكنولوجيا المعلومات