Front-End UI Developer (React & SharePoint Online)

Majorel Qatar

14h 40m ago

On-site

Full Time

Qatar

We are looking for an experienced Front-End UI Developer with strong expertise in React, TypeScript, and SharePoint Online (SPO) custom UI development. The successful candidate will be responsible for translating Figma designs into pixel-perfect, responsive, and modular React components for modern SharePoint Online interfaces.

The role involves working closely with backend developers to integrate custom UI components into the SharePoint Framework (SPFx), while accommodating iterative design updates throughout the development process.

Key Responsibilities

Figma-to-React Development: Translate Figma designs into clean, production-ready React functional components using TypeScript, ensuring flexibility to accommodate visual adjustments.
Modular and Scoped Styling: Develop clean, maintainable SCSS using CSS Modules ([ComponentName].module.scss) to ensure styles remain isolated and do not conflict with SharePoint Online's global styling.
Modern UI Development: Implement Microsoft Fluent UI React components to deliver consistent and seamless user interfaces.
Responsive Web Design: Develop mobile-first, responsive layouts using Flexbox and CSS Grid, ensuring compatibility across desktops, tablets, and mobile devices, including Safari, Chrome, and the native SharePoint Mobile App.
SharePoint Integration: Collaborate with backend developers to define TypeScript component props and data-binding structures, enabling seamless integration of SharePoint list data into custom UI components.

Required Technical Skills & Qualifications

Minimum 3+ years of professional experience in React (v17/v18) and TypeScript.
Mandatory experience in custom UI development for SharePoint or SharePoint Online (SPO) projects.
Strong knowledge of HTML5, SCSS, CSS Grid, Flexbox, and CSS Modules.
Hands-on experience with Microsoft Fluent UI React framework (v8/v9).
Strong understanding of responsive web design principles and mobile-first development.
Familiarity with touch-target sizing and mobile WebView constraints within the native SharePoint Mobile App.
Ability to translate design concepts into pixel-perfect, functional, and maintainable UI components.

Required Skills

reacttypescriptscsscsshtmlfigma

Required Languages

🇬🇧 English

Key Responsibilities

Figma-to-React Development: Translate Figma designs into clean, production-ready React functional components using TypeScript, ensuring flexibility to accommodate visual adjustments.

Modular and Scoped Styling: Develop clean, maintainable SCSS using CSS Modules ([ComponentName].module.scss) to ensure styles remain isolated and do not conflict with SharePoint Online's global styling.

Modern UI Development: Implement Microsoft Fluent UI React components to deliver consistent and seamless user interfaces.

Responsive Web Design: Develop mobile-first, responsive layouts using Flexbox and CSS Grid, ensuring compatibility across desktops, tablets, and mobile devices, including Safari, Chrome, and the native SharePoint Mobile App.

SharePoint Integration: Collaborate with backend developers to define TypeScript component props and data-binding structures, enabling seamless integration of SharePoint list data into custom UI components.

Required Technical Skills & Qualifications

Minimum 3+ years of professional experience in React (v17/v18) and TypeScript.

Mandatory experience in custom UI development for SharePoint or SharePoint Online (SPO) projects.

Strong knowledge of HTML5, SCSS, CSS Grid, Flexbox, and CSS Modules.

Hands-on experience with Microsoft Fluent UI React framework (v8/v9).

Strong understanding of responsive web design principles and mobile-first development.

Familiarity with touch-target sizing and mobile WebView constraints within the native SharePoint Mobile App.

Ability to translate design concepts into pixel-perfect, functional, and maintainable UI components.