ReactJs Developer

Quarks Technosoft Pvt. Ltd.; Bengaluru; Presencial; INR 1 800 000 - 3 200 000; Tempo integral

Resumo da oferta

Quarks Technosoft Pvt. Ltd. is seeking a senior frontend engineer to own end-to-end design and architecture of complex React/Next.js features. You will build high-performance, pixel-perfect UIs and drive performance improvements with robust monitoring.

You will create and maintain reusable component libraries and design systems while collaborating with design, backend, and DevOps teams. Mentorship and leadership are expected as the team evolves.

Qualificações

• Expert proficiency in React and TypeScript with hooks and state patterns.
• Proficiency in modern CSS and responsive design principles and tooling.
• Experience with modern build tools such as Webpack, Vite, or ESBuild.
• Strong knowledge of CI/CD pipelines and deployment strategies.
• Working knowledge of Node.js and backend fundamentals for API design.
• Understanding of state management solutions (Redux, Zustand, Context API).
• Experience with micro-frontends, module federation, and scalable architecture.
• Experience with component composition and reusable library design.

Responsabilidades

• Own end-to-end design and architecture of complex frontend features.
• Develop high-performance React and Next.js applications with pixel-perfect UI.
• Drive performance optimization and establish monitoring to track metrics.
• Build and maintain reusable component libraries and design systems.
• Collaborate with design, backend, and DevOps to align UI with API contracts.
• Mentor juniors, conduct code reviews, and promote best practices.
• Stay current with frontend trends and evaluate new frameworks.
• Contribute to system design discussions at team and platform levels.

Conhecimentos

React

TypeScript

Hooks

State management

Next.js

CSS-in-JS

Responsive design

Design systems

Ferramentas

Webpack

Vite

ESBuild

GitHub Actions

GitLab CI

Jenkins

Descrição da oferta de emprego

• Expert proficiency in React and TypeScript — strong understanding of hooks, state management patterns, and TypeScript best practices
• Proficiency in modern CSS — Tailwind CSS, CSS modules, CSS-in- JS solutions (Emotion, Styled Components), and responsive designprinciples
• Hands-on experience with modern build tools —Webpack, Vite, ESBuild, or equivalent bundlers; understanding of tree-shaking,code splitting, and lazy loading
• Strong knowledge of CI/CD pipelines, deploymentstrategies, and automation — experience with tools like GitHub Actions, GitLabCI, Jenkins, or similar platforms
• Working knowledge of Node.js and backendfundamentals — enough to understand API design, authentication, and server-sideimplications
• Ability to design scalable, maintainable componentarchitectures and design systems Understanding of state management solutions (Redux, Zustand, Context API) and when to use each Knowledgeofmicro-frontends,modulefederation,andhowtostructurelargeapplications Experiencewithcomponentcomposition,propdrillingsolutions,andreusablelibrarydesign

Performance& Monitoring:

• Deepunderstanding of frontend performance metrics (Core Web Vitals, FCP, LCP, CLS,FID) andoptimizationtechniques
• Experiencewithperformanceprofilingtools(ChromeDevTools,Lighthouse,WebPageTest)andreal-worldoptimization strategies
• Knowledgeofmonitoring,observability,anderrortrackingsolutions(Sentry,DataDog,etc.) Understandingof lazy loading, code splitting, image optimization, and caching strategies

Quality&Best Practices:

• Understandingofwebaccessibility(WCAGstandards,semanticHTML,ARIAattributes)andexperience implementing accessible UIs
• Exposuretocodequalitytools—ESLint,Prettier,Husky,pre-commithooks,automatedCI/CD pipelines

Nice-to-Have Skills:

• Experience with headless CMS, GraphQL, or APIintegration layers Knowledge of SEO best practices for SPA and Next.jsapplications Familiarity with Storybook, design tokens, and componentdocumentation
• Understanding of animation libraries (FramerMotion, React Spring) and interactive UX ExposuretoAI/LLMintegrationsinfrontend(streaming,chunking,promptoptimization)
• ExperienceworkingwithWebViews,React Native, orotherhybridmobiletechnologies—understandingof bridge communication, native moduleintegration, and platform-specific constraints
• Hands-onexperiencewithAI-assisteddevelopmenttools(Claude,GitHubCopilot,Codeium,Codex,Cursor etc.)andunderstandingoftheirstrengths,limitations,andbestpracticesformaximizingproductivity

Key Responsibilities

• Ownend-to-enddesignandarchitectureofcomplexfrontendfeatures,translatingproductrequirements into technicalspecifications
• Develop high-performance, production-ready Reactand Next.js applications with pixel-perfect UI implementations
• Drive performance optimization initiatives —identify bottlenecks, implement improvements, and establish monitoring to trackmetrics
• Build and maintain reusable component libraries,design systems, and utility functions for team-wide adoption
• EnsuretechnicalfeasibilityofUI/UXdesignsandworkcloselywithdesignerstobalanceaestheticswith performance and accessibility
• Leadadoptionof AI-assisteddevelopment tools(Claude,GitHubCopilot, etc.) withintheteam—evaluateeffectiveness, establish best practices, and mentor others on productivitygains
• Mentorjuniorengineersandconductthoroughcodereviewstofosteracultureof excellence
• Stay current with frontend ecosystemtrends, emerging AI tools, and new frameworks/patterns — evaluate and advocatefor adoption
• Collaborate with backend and DevOps teams to understand API contracts, optimize data fetching, and streamline deployment pipelines
• Debug and optimize third-party library usage, understanding their internals and identifying performancetrade-offs
• Participate in system design discussions andcontribute to architectural decisions at the team and platform level

What You'll Get

• Workwithamodern, constantlyevolvingtechstack—React,TypeScript, Next.js, andcutting-edgefrontend tooling
• Opportunity to own significant parts ofthe platform impacting millions of users Mentorship and growth — partnerwith experienced engineers and lead technical initiatives
• Impact across teams — collaborate with product,design, mobile, and backend teams on high-impact projects
• Competitivecompensation,benefits,andgrowthopportunitieswithinathrivingtech company

Ideal Profile

• Strong fundamentals in computer science — datastructures, algorithms, system design thinking Ownership mindset — takesresponsibility for code quality, performance, and user experience Excellentcommunication skills — can articulate technical decisions and mentor others
• Curiosityandapassionforlearning—activelyexploresnewtechnologiesandsharesknowledgewiththe team