JSX Front-end Developer

Result of Service

• New component added to component library • Improvements to existing components in component library • Improved documentation of existing components • JSX/Preact component integrated to Drupal platform multi-domain platform

Work Location

Home-based

Expected duration

25 Apr – 24 Jul 2024

Duties and Responsibilities

Created in December 1999, the United Nations Office for Disaster Risk Reduction (UNDRR) is the designated focal point in the United Nations system for the coordination of efforts to reduce disasters and to ensure synergies among the disaster reduction activities of the United Nations and regional organizations and activities in both developed and less developed countries. Led by the United Nations Special Representative of the Secretary-General for Disaster Risk Reduction (SRSG), UNDRR has over 140 staff located in its headquarters in Geneva, Switzerland, and in regional offices. Specifically, UNDRR guides, monitors, analyses and reports on progress in implementation of the Sendai Framework for Disaster Risk Reduction 2015-2030, supports regional and national implementation of the Framework and catalyses action and increases global awareness to reduce disaster risk working with the United Nations, Member States and a broad range of partners and stakeholders, including civil society, the private sector, parliamentarians and the science and technology community. We are seeking a skilled Frontend Developer with expertise in React.js (JSX) for this consultancy. The ideal candidate should have a strong background in front-end web development, with extensive experience in React.js (JSX) and a solid understanding of design systems and component libraries. Experience with Drupal site templates and frontend implementation of multilingual websites including RTL display orientation is desirable. Responsibilities: • Work alongside backend developers and other teams to seamlessly integrate the design system into a component library based on Storybook, ensuring efficient collaboration and unified development practices. • Collaborate with the design and development teams to implement new features and updates to the design system, component library, and Drupal site templates using React.js/Preact. • Ensure that the initial work for solid foundation to design system’s component library and display templates supported multilingualism, enabling the system to be easily translated into different languages and web accessibility compliance. Additionally, implemented support for RTL (Right-to-Left) display orientation to cater to languages that require this layout. • Develop website frontends using React.js (JSX), HTML5, CSS3, and other relevant technologies. • Review and update the current SASS implementation, incorporating fixes and best practices. • Participate in code reviews and provide feedback to ensure code quality and consistency. • Create and improve components in Storybook, contribute to the development of new features and functionality of the components using React/Preact (JSX). • Develop and record documentation on maintaining front-end tooling, technical documentation of the components in Storybook. • Integrate and mature the JSX/Preact components into the Drupal Gutenberg editor and Drupal TWIG templates, allowing for the seamless utilization of the design system’s components within the content management system, enabling consistent and user-friendly editing experiences. • Create the frontend component library for the design system using React/Preact, utilizing the power and flexibility of JSX syntax to build reusable and modular components, enabling efficient development and maintenance. • Design and implement user interfaces that were responsive, adapting seamlessly to different screen sizes and devices. Ensured that the interfaces followed the guidelines and aesthetics of the design system, resulting in visually appealing and consistent user experiences. • Optimize the performance of the website by employing best practices and techniques such as code minification, caching, and lazy loading of assets. Ensured cross-browser compatibility by thoroughly testing and resolving any issues that arose across different web browsers, ensuring a seamless experience for all users. • Identify and resolve front-end issues and bugs, conducting thorough debugging and troubleshooting. Addressed specific issues related to SASS compilation, rectifying errors and warnings that occurred during the build process, ensuring a smooth and error-free development workflow.

Qualifications/special skills

• A first-level university degree (Bachelor or equivalent) in computer science, engineering or related area is required. • Minimum 8 years of working experience related to website development or front-end development is required. • Minimum 3 years of working experience using React JS/JSX technology is required. • Experience with multilingualism and RTL display orientation is desirable. • Experience with design systems, component libraries, and templating systems (e.g. Drupal Twig) is desirable. • Experience with Git and version control and GitLab and working in an Agile environment is desirable.

Languages

English and French are the working languages of the United Nations Secretariat. For this post, fluency in English is required. Knowledge of other UN official languages is desirable.

Additional Information

Due to the high volume of applications received, only successful candidates will be contacted.

No Fee

THE UNITED NATIONS DOES NOT CHARGE A FEE AT ANY STAGE OF THE RECRUITMENT PROCESS (APPLICATION, INTERVIEW MEETING, PROCESSING, OR TRAINING). THE UNITED NATIONS DOES NOT CONCERN ITSELF WITH INFORMATION ON APPLICANTS’ BANK ACCOUNTS.