Frontend Engineer - AI - React Dev

SRADHA TECHNOLOGIES LLC
San Francisco, CA, United States
10 days ago
Apply on www.dice.com
Prepare application

Role details

Contract type
Permanent contract
Employment type
Full-time (> 32 hours)
Experience level
Expert
Experience required
7 years minimum
Working hours
Regular working hours
Job source

Tech stack

JavaScript (Programming Language) Artificial Intelligence Cascading Style Sheets (CSS) Cursor (Graphical User Interface Elements) Rapid Prototyping Process TypeScript WebSocket Tailwind GitHub Copilot ReactJS Indexer Playwright
+6 more
Production Code Figma Graphql Front End Software Development React Redux React Testing Library

Job description

We are seeking a Senior/Lead Frontend Engineer with 7+ years of experience and a recent pivot toward AI-augmented development workflows. In this role, you will lead the team in shipping high-performance, real-time interfaces for financial risk management (FRM) systems, translating high-fidelity designs into clean, production-grade React, and using modern AI tooling (Cursor, GitHub Copilot, Lovable, v0.dev) to accelerate delivery without sacrificing architectural quality., * AI-Driven Development: Lead the team in leveraging Cursor and GitHub Copilot to accelerate feature delivery, refactor legacy code, and automate boilerplate.

  • Figma-to-Product Execution: Translate high-fidelity Figma designs into pixel-perfect React components, using AI-assisted tools to bridge the gap between design and clean production code.
  • Rapid Prototyping: Use Lovable or v0.dev to quickly iterate on internal tools and dashboards, then harden those prototypes into scalable, secure, and performant React architectures.
  • Real-Time FRM Systems: Architect low-latency features (WebSockets / gRPC-web) to handle live risk-data updates, keeping the UI responsive under high data load.
  • State Management Mastery: Manage complex asynchronous workflows using Redux + Sagas for sophisticated side effects, and implement TanStack Query for modern server-state synchronization.
  • Performance Engineering: Ensure frequent real-time updates do not trigger unnecessary re-renders, maintaining a 60fps feel even with massive datasets.

Requirements

  • 7+ Years of Professional Experience in frontend engineering, with a recent pivot toward AI-augmented workflows.
  • AI Tooling Mastery: Proficiency with VSCode, Cursor (indexing, composer, and chat), and a design-to-code workflow that includes tools like Lovable.
  • Design Fluency: Expert-level knowledge of Figma - auto-layouts, design tokens, and maintaining UI consistency.
  • React & TypeScript Mastery: Deep understanding of React 19 patterns (Server Components, Hooks, Suspense) and strictly typed architectures.
  • Real-Time Expertise: Proven experience building dynamic dashboards (e.g., live tracking, financial tickers, or risk alerts).
  • Modern State Strategy: Expert implementation of TanStack Query for caching and Redux/Zustand for complex global state., * Core: React (hooks-based), TypeScript, Fusion.js (Uber’s framework)
  • AI Tools: Cursor, Lovable, GitHub Copilot, Claude, v0.dev
  • State: Redux + Sagas, TanStack Query, Zustand, Context API, Hooks
  • Data: WebSockets, gRPC-web, GraphQL
  • Design/UI: BaseUI design system, Styletron (CSS-in-JS), Figma, Tailwind CSS, Storybook
  • Testing: Jest, React Testing Library, Playwright

Apply for this position

This job is hosted externally. Click below to view the full posting and apply.

Apply on www.dice.com
Prepare application

Good distractions

Talks and stories from around this role β€” technically off-topic, practically not.

3:31 min

Recreating React components using AI and dev tools

Chris Heilmann +2 Β· LIVE

5:04 min

Configuring the Figma MCP for local code generation

Perf + AI

2:52 min

Generating APIs with the Neo4j GraphQL library

William Lyon Β· LIVE

1:21 min

Exploring the target application for front end tests

Anna Mcdougall Β· JS Congress

10:09 min

Transitioning from graphic design to large scale frontend architecture

Erasmo Hernandez Erasmo Hernandez Β· World Congress 2026 Europe

1:26 min

Implementing custom component libraries with Figma

Philipp Kremer Β· World Congress 2023

Videos

See all

Related articles

See all