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:

• Integrating 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. Frontend Integration & Architecture

• 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. UI Interactions, Animations & Experience

• 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. Performance, Optimization & Reliability

• 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.

• Ensure reliability across browsers and devices with robust testing and QA.

4. Code Quality & Best Practices

• 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.

5. Collaboration & Delivery

• 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)

  • JavaScript (ES6+) and ideally TypeScript

  • 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

• Strong understanding of:

  • Performance optimization (code splitting, lazy loading, memoization, debouncing/throttling, asset optimization)

  • Responsive design and cross-browser compatibility

• 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.