We are seeking an experienced React Front-End UI Developer with a proven track record of delivering SharePoint Online (SPO) custom front-end projects to join our team to build "Connect 22," our brand-new, customized modern intranet portal. In this role, you will be responsible for translating Figma designs into pixel-perfect, highly responsive, and modular React components.
Key Responsibilities - Figma-to-SPO React Conversion: Translate Figma layouts (including the Homepage, News, Org Chart, and Directory) into clean, production-ready React functional components using TypeScript, maintaining flexibility to adapt to minor visual adjustments.
- Modular, Scoped Styling: Write maintainable, clean SCSS using CSS Modules ([ComponentName].module.scss) to ensure custom styles are completely isolated and never leak or conflict with SharePoint Online's global out-of-the-box styling.
- Modern UI Controls: Replace generic HTML inputs with Microsoft’s Fluent UI React components to ensure seamless rendering.
- Mobile-First & Responsive Web Design: Build fluid, flexible layouts (flexbox/grid) that render flawlessly across desktop, tablet, and small mobile viewports (Safari, Chrome, and the native SharePoint Mobile App).
- SharePoint Integration Handshake: Coordinate directly with the backend developer to define TypeScript component props and data-binding structures to seamlessly feed SharePoint list data into your custom UI.
You will work closely with our Senior SharePoint Online Developer to integrate your custom UI code directly into the SharePoint Framework (SPFx) and accommodate minor iterative design updates as the project progresses. You must be an expert in scoped CSS modules, responsive web design, and developing custom interfaces specifically tailored for deployment inside modern SharePoint Online
Requirements
- 3+ years of professional experience in React (v17/v18) and TypeScript.
- Mandatory: Proven experience working on custom UI development for SharePoint or SharePoint Online (SPO) projects.
- Strong expertise in HTML5, SCSS/CSS Grid/Flexbox, and CSS Modules.
- Deep familiarity with the Fluent UI React framework (v8/v9).
Solid understanding of responsive design best practices, touch-target sizing, and mobile WebView constraints inside the native SharePoint Mobile App
نحن نبحث عن مطور واجهات أمامية (React Front-End UI Developer) ذي خبرة وسجل حافل في تقديم مشاريع واجهات مخصصة لمنصة SharePoint Online (SPO) للانضمام إلى فريقنا وبناء "Connect 22"، بوابتنا الداخلية الحديثة والمخصصة بالكامل. في هذا الدور، ستكون مسؤولاً عن تحويل تصميمات Figma إلى مكونات React دقيقة ومثالية، وعالية الاستجابة، ونمطية.
المسؤوليات الرئيسية - تحويل Figma إلى مكونات React لمنصة SPO: ترجمة تخطيطات Figma (بما في ذلك الصفحة الرئيسية، والأخبار، والمخطط التنظيمي، والدليل) إلى مكونات React وظيفية نظيفة وجاهزة للإنتاج باستخدام TypeScript، مع الحفاظ على المرونة للتكيف مع التعديلات المرئية البسيطة.
- تنسيق نمطي محدد النطاق: كتابة كود SCSS نظيف وقابل للصيانة باستخدام CSS Modules ([ComponentName].module.scss) لضمان عزل الأنماط المخصصة بالكامل وعدم تداخلها أو تعارضها مع أنماط SharePoint Online الافتراضية.
- عناصر واجهة المستخدم الحديثة: استبدال مدخلات HTML العامة بمكونات Fluent UI React الخاصة بشركة Microsoft لضمان عرض سلس.
- تصميم ويب مستجيب يركز على الهاتف المحمول: بناء تخطيطات مرنة وسلسة (flexbox/grid) تُعرض بشكل مثالي عبر أجهزة الكمبيوتر المكتبية، والأجهزة اللوحية، وشاشات الهواتف المحمولة الصغيرة (Safari، Chrome، وتطبيق SharePoint للجوال).
- التكامل مع SharePoint: التنسيق المباشر مع مطور الواجهة الخلفية لتحديد خصائص مكونات TypeScript وهياكل ربط البيانات لتغذية بيانات قائمة SharePoint بسلاسة إلى واجهة المستخدم المخصصة الخاصة بك.
ستعمل عن كثب مع مطور SharePoint Online الأول لدينا لدمج كود واجهة المستخدم المخصصة الخاصة بك مباشرة في إطار عمل SharePoint (SPFx) واستيعاب تحديثات التصميم التكرارية الطفيفة مع تقدم المشروع. يجب أن تكون خبيراً في وحدات CSS ذات النطاق المحدد، وتصميم الويب المستجيب، وتطوير واجهات مخصصة مصممة خصيصاً للنشر داخل بيئة SharePoint Online الحديثة.
المتطلبات
- خبرة مهنية لا تقل عن 3 سنوات في React (v17/v18) و TypeScript.
- إلزامي: خبرة مثبتة في العمل على تطوير واجهات المستخدم المخصصة لمشاريع SharePoint أو SharePoint Online (SPO).
- خبرة قوية في HTML5، و SCSS/CSS Grid/Flexbox، و CSS Modules.
- إلمام عميق بإطار عمل Fluent UI React (v8/v9).
فهم قوي لأفضل ممارسات التصميم المستجيب، وأحجام أهداف اللمس، وقيود WebView للهواتف المحمولة داخل تطبيق SharePoint للجوال.