Frontend ReactJS Developer (Integration)

Segwitz; Malaysia; On-site; MYR 60,000 - 90,000; Full time

Job summary

Segwitz in Malaysia is looking for a Frontend ReactJS Developer (Integration) with 3–5 years of experience. This role focuses on integrating complex APIs into user-friendly interfaces and optimizing code performance. You will work closely with designers and backend engineers to deliver high-quality, responsive React applications.

The ideal candidate has strong skills in ReactJS, HTML5, and performance optimization techniques. A solid understanding of UI animations and Git workflow is essential. The position offers opportunities for personal and professional growth in a collaborative environment.

Qualifications

• 3–5 years of experience in frontend development, with a strong focus on ReactJS.
• Ability to interpret designs from Figma/Adobe XD/Sketch precisely.
• Strong ownership mindset regarding UX performance.

Responsibilities

• Integrate RESTful / GraphQL APIs into React applications.
• Design and implement frontend architecture for scalable modules.
• Write clean, modular, and reusable React components.

Skills

ReactJS (Hooks, functional components, context, composition patterns)

HTML5, CSS3, Flexbox, CSS Grid

RESTful APIs integration

Performance optimization

UI animation & interactions

Git

Education

Degree/Diploma in Computer Science, Software Engineering, IT, or equivalent hands-on experience

Tools

Framer Motion

Next.js

Job description

Frontend ReactJS Developer (Integration)

Job Title: Frontend ReactJS Developer (Integration)

Level: Mid / Senior (3–5 years experience)

Employment Type: Full-time

Role Overview

We are looking for a Frontend ReactJS Developer (Integration) who can sit at the intersection of UI, APIs, and performance.

This role is not just about building screens — it is about:

• Integrate complex APIs and backend services into elegant, user-friendly interfaces
• Owning UI interactions, animations, and flows
• Continuously optimizing code quality, bundle size, and website performance

You will work closely with designers, backend engineers, and product owners to deliver high-performing, visually refined, and robust React applications.

Key Responsibilities

1. Integrate RESTful / GraphQL APIs into React applications, handling authentication, data fetching, caching, and error states.

   Design and implement frontend architecture for scalable modules, routes, and layouts.

   Implement complex flows such as multi-step forms, dashboards, filters, search, and real-time updates (where applicable).

   Work with backend teams to define API contracts, data structures, and integration patterns.

2. Implement micro-interactions (hover, focus, active, success/error states, tooltips, toasts) to enhance UX.

   Build smooth transitions and animations for page changes, modals, drawers, dropdowns, and accordions.

   Use animation libraries such as Framer Motion, React Spring, or GSAP to create subtle yet meaningful motion.

   Ensure animations are performant, purposeful, and consistent with the design language, not just decorative.

   Collaborate with designers to translate interaction specs, timing, and easing curves into code.

3. Optimize applications for Core Web Vitals (LCP, FID/INP, CLS) and overall performance.

   Apply techniques such as code splitting, lazy loading, memoization, virtualization, and caching to reduce load and improve responsiveness.

   Monitor and debug client-side performance issues using Chrome DevTools, Lighthouse, Web Vitals, and React DevTools.

4. Write clean, modular, and reusable React components with clear separation of concerns.

   Use TypeScript (preferred) or well-typed JS patterns to reduce runtime errors.

   Contribute to and maintain shared component libraries/design systems.

   Effectively utilize SonarQube for code quality and security.

   Participate in code reviews, propose improvements, and help maintain frontend coding standards.

   Work closely with UI/UX, Product, and Backend teams to refine requirements and deliver high-quality features.

   Break down tasks, estimate effort, and contribute to sprint planning and documentation.

   Communicate risks, dependencies, and technical constraints early and proactively.

   Contribute ideas to improve user experience, performance, and maintainability.

Required Skills & Qualifications

Education

Degree/Diploma in Computer Science, Software Engineering, IT, or equivalent hands‑on experience.

Technical Skills

3–5 years of experience in frontend development, with strong focus on ReactJS.

Strong proficiency in:

• ReactJS (Hooks, functional components, context, composition patterns)
• HTML5, CSS3, Flexbox, CSS Grid
• Experience building and integrating with RESTful APIs; GraphQL experience is an advantage.
• Solid hands‑on experience with at least one React meta‑framework, such as:
  • Next.js (preferred)
• Practical experience with UI animation & interactions using:
  • Framer Motion / React Spring / GSAP, or equivalent
• Performance optimization (code splitting, lazy loading, memoization, debouncing/throttling, asset optimization)
• Experience with CSS‑in‑JS or utility frameworks such as:
  • Tailwind CSS, Styled Components, Emotion, SCSS, etc.
• Comfort with Git and modern development workflows (branching, PRs, code reviews).

Eye for Design

Ability to interpret Figma/Adobe XD/Sketch designs precisely.

Strong sense of spacing, typography, alignment, and visual hierarchy.

Able to spot and fix “small things” that impact quality: wrong line height, inconsistent paddings, off‑brand colors, etc.

Soft Skills

Strong ownership mindset — you care about both how it looks and how it feels/performs.

Clear, concise communication with designers, engineers, and non‑technical stakeholders.

Ability to work independently, manage time, and deliver on deadlines.

Problem‑solving attitude and willingness to propose better technical or UX approaches.

Nice‑to‑Have

• Experience with server‑side rendering (SSR) and static site generation (SSG) in Next.js.
• Understanding of SEO for React/Next.js applications.
• Experience with state management libraries like Redux, Zustand, Recoil, or MobX.
• Background working with or contributing to design systems or component libraries (MUI, Ant Design, Chakra UI, etc.).

KPIs

• Performance metrics: Lighthouse & Core Web Vitals scores on key pages.
• Integration quality: Reduction in frontend integration bugs and API‑related issues.
• UX quality: Low number of UI/interaction issues reported from QA or users.
• Delivery: On‑time completion of integration‑heavy features and sprints.

We believe in equality of opportunity.