Frontend ReactJS Developer; Integration

Frontend React

JS Developer (Integration)

Job Title: Frontend React

JS Developer (Integration)
Level: Mid / Senior (3–5years experience)
Employment Type: Full-time

Role Overview

We are looking for a Frontend React

JS 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 / Graph

QL 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 Dev Tools, Lighthouse, Web Vitals, and React Dev Tools
.

4. Code Quality & Best Practices

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

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

Contribute to and maintain shared component libraries/design systems
.

Effectively utilize S
onarQube 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–5years 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
;
Graph

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

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…