نظرة عامة على الدور
نبحث عن مطور React أول ذو خبرة قوية في الخدمات المصرفية أو المالية للانضمام إلى فريق هندسة الواجهة الأمامية لدينا بعقد محدد المدة. ستقود تصميم وتطوير تطبيقات ويب معقدة وجاهزة للإنتاج ضمن بيئة خاضعة للتنظيم - كتابة كود نظيف وقابل للتوسع، وتشكيل بنية الواجهة الأمامية، والتعاون الوثيق مع فرق تجربة المستخدم (UX) والواجهة الخلفية والمنتج. هذا دور عملي يتطلب عمقًا تقنيًا ونضجًا للتعامل مع متطلبات الامتثال والأمان وإمكانية الوصول لمنصات المؤسسات المصرفية.
المسؤوليات الرئيسية
تطوير الواجهة الأمامية
- تصميم وتطوير وصيانة تطبيقات React قابلة للتوسع للمنصات المصرفية، بما في ذلك لوحات المعلومات وواجهات المعاملات والبوابات الموجهة للعملاء.
- بناء مكتبات مكونات قابلة لإعادة الاستخدام ومختبرة جيدًا وفرض معايير نظام تصميم متسقة عبر التطبيق.
- تنفيذ إدارة الحالة المتقدمة باستخدام Redux Toolkit أو Zustand أو React Query حسب تعقيد التطبيق.
- التكامل مع واجهات برمجة تطبيقات RESTful وGraphQL، والتعامل مع تدفقات البيانات غير المتزامنة وحالات الخطأ والحالات الحدودية بشكل متين.
- تطبيق تقنيات تحسين الأداء بما في ذلك تقسيم الكود (Code Splitting) والتحميل البطيء (Lazy Loading) والتخزين المؤقت (Memoisation) وتقليل حجم الحزمة (Bundle Size).
الخدمات المصرفية والامتثال
- تطوير حلول الواجهة الأمامية التي تتوافق مع معايير الأمان المصرفي، بما في ذلك التعامل الآمن مع البيانات وإدارة الجلسات وتدفقات المصادقة (OAuth 2.0، SSO).
- ضمان استيفاء مكونات واجهة المستخدم لإرشادات إمكانية الوصول WCAG واختبارها للتوافق عبر المتصفحات والأجهزة.
- العمل ضمن بيئات خاضعة لتنظيم مؤسسة النقد العربي السعودي (SAMA) وتطبيق الوعي بحساسية البيانات المالية وبروتوكولات إدارة التغيير.
- التنسيق مع فرق الأمان لضمان التزام تطبيقات الواجهة الأمامية بمعايير PCI-DSS وسياسات الأمان الداخلية.
الهندسة وجودة الكود
- المساهمة في ودفع قرارات هندسة الواجهة الأمامية بما في ذلك هيكل المجلدات ومعايير الترميز واختيارات الأدوات.
- كتابة اختبارات وحدة واختبارات تكامل شاملة باستخدام Jest وReact Testing Library؛ والمساهمة في التغطية الشاملة (End-to-End) باستخدام Cypress أو ما يعادله.
- إجراء مراجعات دقيقة للكود، وتقديم ملاحظات واضحة وبناءة للأقران.
- الحفاظ على توثيق تقني محدث للمكونات وواجهات برمجة التطبيقات والقرارات المعمارية.
التعاون والقيادة
- العمل عن كثب مع مصممي تجربة المستخدم/واجهة المستخدم ومهندسي الواجهة الخلفية وضمان الجودة ومديري المنتج لتقديم الميزات من المواصفات إلى الإنتاج.
- توجيه مطوري الواجهة الأمامية المبتدئين والمتوسطين، ودعم جودة الكود والنمو المهني داخل الفريق.
- المساهمة في تخطيط السباق (Sprint Planning) وتحسين الأعمال المتراكمة (Backlog Refinement) والتقدير الفني في بيئة تسليم رشيقة (Agile/Scrum).
المتطلبات
الخبرة
- 6 سنوات أو أكثر من الخبرة المهنية في تطوير الواجهة الأمامية، مع 3 سنوات على الأقل تركز على React.
- إلزامي: خبرة سابقة في تقديم تطبيقات إنتاجية ضمن بيئة مصرفية أو تكنولوجيا مالية (Fintech) أو خدمات مالية.
- سجل حافل في قيادة أو المساهمة بشكل كبير في قرارات هندسة الواجهة الأمامية في مشاريع معقدة وطويلة الأمد.
المهارات التقنية
- إتقان على مستوى الخبراء في React 18+ بما في ذلك الخطافات (Hooks) والمكونات الوظيفية وواجهة برمجة تطبيقات السياق (Context API) والتعليق (Suspense) والعرض المتزامن (Concurrent Rendering).
- إتقان قوي لـ TypeScript مع خبرة عملية في تطبيقه عبر قواعد أكواد كبيرة.
- إتقان Redux Toolkit؛ الإلمام بـ Zustand أو React Query ميزة إضافية.
- خبرة مع Next.js للعرض من جانب الخادم (SSR) وتوليد المواقع الثابتة (SSG).
- أساسيات CSS قوية مع خبرة في Tailwind CSS أو Styled Components أو حلول CSS-in-JS المماثلة.
- خبرة في تنفيذ تدفقات المصادقة الآمنة - OAuth 2.0، JWT، إدارة الجلسة، وتكاملات SSO.
- انضباط اختباري قوي باستخدام Jest وReact Testing Library وCypress.
- إتقان سير العمل القائمة على Git وخطوط أنابيب CI/CD (GitHub Actions، Azure DevOps، أو ما يعادلها).
ميزة إضافية (يفضل)
- الإلمام بهندسة الواجهات الأمامية الصغيرة (Micro-frontend).
- التعرض لمكتبات تصور البيانات مثل D3.js أو Recharts أو Chart.js.
- خبرة مع Figma للتعاون في التصميم.
- معرفة بـ Node.js أو تقنيات الواجهة الخلفية للمساهمة في التطوير الكامل (Full-stack).
متطلبات أخرى
- إجادة ممتازة للغة الإنجليزية كتابة وتحدثًا؛ اللغة العربية ميزة إضافية.
- الإقامة في الرياض، المملكة العربية السعودية، أو الاستعداد للانتقال إليها طوال مدة العقد.
