> Markdown version of [/jobs/ext/2865997-frontend-engineer-ai-react-dev](https://www.wearedevelopers.com/jobs/ext/2865997-frontend-engineer-ai-react-dev). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Frontend Engineer - AI - React Dev

- **Company:** SRADHA TECHNOLOGIES LLC
- **Location:** San Francisco, CA, United States
- **Experience:** Expert
- **Contract:** Permanent contract
- **Skills:** 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, Production Code, Figma, Graphql, Front End Software Development, React Redux, React Testing Library
- **Published:** September 12, 2026
- **Apply:** https://www.dice.com/job-detail/dcfc8693-2e5c-41c9-8662-8994514e291d

## About the Role

* 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

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


## Related Videos

- [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs)
- [Putting the Graph In GraphQL With The Neo4j GraphQL Library](https://www.wearedevelopers.com/videos/257-putting-the-graph-in-graphql-with-the-neo4j-graphql-library)
- [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis)
- [WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more)
- [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio)
- [WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more](https://www.wearedevelopers.com/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more)

## Related Articles

- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline)
- [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)