Sr. Frontend Engineer - AI Platform

4 years

14 - 18 Lacs

Posted:2 days ago| Platform: Naukri logo

Apply

Work Mode

Work from Office

Job Type

Full Time

Job Description

The Role

Senior

Senior

You will collaborate closely with product design, backend, and AI/ML engineers to deliver smooth, trustworthy AI experiences that align with Addepar’s standards of performance, transparency, and reliability.

What You’ll Do

  • Design and implement

    complex, real-time UI features for conversational interfaces — including chat streaming, incremental rendering, and dynamic layouts.
  • Build

    high-performance WebSocket pipelines

    to handle streamed deltas, retries, and backpressure gracefully.
  • Optimize

    scrolling and rendering performance

    using requestAnimationFrame, virtualization, intersection observers, and non-blocking state updates.
  • Implement

    fault-tolerant UI logic

    for reconnection, cancellation, offline recovery, and retry without user disruption.
  • Architect

    state management and caching

    strategies to maintain consistency between local UI and backend deltas.
  • Collaborate with designers to deliver accessible, responsive, and pixel-perfect interfaces across themes and viewport sizes.
  • Extend Addepar’s

    frontend developer experience

    —refine the build pipeline (Vite/Webpack), test automation (Playwright, Jest), and linting/formatting standards (ESLint, Prettier).
  • Instrument client-side telemetry and performance metrics to measure render latency, streaming lag, and user interaction speed.
  • Mentor teammates through design reviews and pair programming, contributing to shared components and cross-product standards.
  • Work closely with backend and AI/ML teams to co-design message formats, token streaming APIs, and session-level resiliency mechanisms.
  • Shape the technical direction

    of AI Platform’s frontend, contributing to shared libraries, caching strategies.

Technical Fundamentals & Practices We Look For

1. Browser & Rendering Fundamentals
  • Deep understanding of the browser’s rendering pipeline—DOM, CSSOM, layout, paint, compositing.
  • Ability to identify and fix layout thrashing, paint storms, and jank through Chrome DevTools performance profiling.

Knowledge of animation scheduling via requestAnimationFrame, idle callbacks, and microtask queues.Familiarity with modern web APIs such as IntersectionObserver, ResizeObserver, MutationObserver, OffscreenCanvas, Web Workers, and BroadcastChannel for concurrent or cross-tab coordination.

2. Asynchronous & Streaming Systems
  • Strong command of Promises, async/await, generators, and cancellation (AbortController).
  • Familiarity with streaming data protocols (e.g., WebSockets, SSE) and patterns like batching, throttling, and debounce under load.

Understanding of backpressure and how to pace UI rendering vs. message ingress.

3. State & Data Synchronization
  • Experience designing immutable data flows with fine-grained updates (diffs, patches, deltas).
  • Knowledge of caching, reconciliation, and hash-based change detection (e.g., djb2, CRC32, content hashing).

Practices for ensuring consistency between transient client state and authoritative backend models.

4. UI Architecture & Composition
  • Familiarity with reactive component frameworks (Svelte preferred; React/Vue acceptable).
  • Experience isolating side effects, using stores/signals, and maintaining predictable reactivity graphs.

Ability to decompose large applications into feature modules with lazy loading, error boundaries, and shared design tokens.

  • Ability to evaluate and integrate across frameworks (Svelte, React, Web Components) while maintaining consistent patterns in state, testing, and accessibility.
5. Performance & Profiling
  • Proven skill in measuring and optimizing UI latency (first paint, input delay, FPS stability).

6.Design Systems & Accessibility

Experience building and maintaining reusable design systems with Storybook, Tailwind, or Web Components.Knowledge of accessibility standards (WCAG, ARIA) and best practices for keyboard, color, and screen reader support.Skilled at collaborating with design teams to translate high-fidelity Figma specs into performant, production-ready components.

7. Resilience, Testing & Observability
  • Writes defensive code to handle partial data, dropped connections, race conditions, and AbortErrors.
  • Understands test pyramids: unit, integration, and end-to-end (Playwright, Jest, Vitest).

Adds telemetry hooks and log events to diagnose production issues and user experience regressions.

8. Developer Experience & Tooling
  • Comfortable configuring bundlers (Vite, Webpack) and optimizing build times.
  • Sets up linting, type checking, and pre-commit automation for consistency.
  • Experience with CI/CD, incremental testing, and feature flag rollouts.
  • Experience with AI-assisted developer tools or scripting build/test automation to improve team velocity.

9.Mindset

  • You think in systems, not pages. 
  • You balance aesthetics with performance, correctness, and maintainability. You obsess over the invisible details — micro-interactions, latency, and flow — that make complex products feel effortless. 
  • You enjoy teaching others, debugging difficult issues, and making the team move faster through better abstractions.

Who You Are

  • Bachelor’s degree in Computer Science, Engineering, or related technical field (or equivalent practical experience).
  • Minimum  5+ years

    of professional frontend development

    experience in a production environment.
  • Strong proficiency in

    TypeScript/JavaScript

    and deep understanding of

    asynchronous browser behaviour

    .
  • Experience with

    Svelte

    ,

    React

    , or another component-based modern UI framework.
  • Strong debugging and performance profiling skills.
  • Experience integrating

    real-time or streaming data

    into user interfaces.
  • Strong communication, collaboration, and mentoring skills.
  • Additional certifications or licenses
  • Skills and competencies that also include soft skills necessary for success
  • Bonus: Familiarity with

    AI/LLM-powered interfaces

    ,

    progressive streaming UIs

    , or

    data-rich visualization frameworks

    .

Important Note: This role requires working from our Pune office 3 days a week (hybrid work model)

Mock Interview

Practice Video Interview with JobPe AI

Start JavaScript Interview
cta

Start Your Job Search Today

Browse through a variety of job opportunities tailored to your skills and preferences. Filter by location, experience, salary, and more to find your perfect fit.

Job Application AI Bot

Job Application AI Bot

Apply to 20+ Portals in one click

Download Now

Download the Mobile App

Instantly access job listings, apply easily, and track applications.

coding practice

Enhance Your Javascript Skills

Practice Javascript coding challenges to boost your skills

Start Practicing Javascript Now
Addepar logo
Addepar

Financial Technology

San Francisco

RecommendedJobs for You