> Markdown version of [/jobs/ext/3015290-front-end-architect](https://www.wearedevelopers.com/jobs/ext/3015290-front-end-architect). 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).

---

# Front End Architect

- **Company:** RLink Solutions
- **Location:** Daly City, CA, United States
- **Experience:** Expert
- **Contract:** Permanent contract
- **Skills:** JavaScript (Programming Language), Artificial Intelligence, Cascading Style Sheets (CSS), Cursor (Graphical User Interface Elements), Design of User Interfaces, Rapid Prototyping Process, TypeScript, WebSocket, Tailwind, GitHub Copilot, ReactJS, Caching, Pixel Perfect, Indexer, Playwright, Production Code, Figma, Graphql, Front End Software Development, React Redux, React Testing Library
- **Published:** September 20, 2026
- **Apply:** https://www.disabledperson.com/jobs/75321564-front-end-architect

## About the Role

* 7+ Years of Professional Experience: A deep background 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. You understand auto-layouts, design tokens, and how to maintain 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.

The Tech Stack

Core: React (hooks-based), TypeScript, Fusion.js .

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: Base UI design system, Styletron (CSS-in-JS), Figma, Tailwind CSS, Storybook.

Testing: Jest, React Testing Library, Playwright.

## Description

Figma-to-Product Execution: Translate high-fidelity Figma designs into pixel-perfect React components. You should be adept at using AI-assisted tools to bridge the gap between design and "clean" production code.

Rapid Prototyping: Utilize 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, ensuring the UI remains responsive under high data load.

State Management Mastery: Manage complex asynchronous workflows using Redux + Sagas for sophisticated side effects, while implementing 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 when handling 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)
- [But, you're not Facebook](https://www.wearedevelopers.com/videos/378-but-you-re-not-facebook)
- [NoCode LiveCode: Leveraging AI Tools to Craft Fully Functional Apps!](https://www.wearedevelopers.com/videos/1169-nocode-livecode-leveraging-ai-tools-to-craft-fully-functional-apps)
- [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma)

## Related Articles

- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [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)
- [Dev Digest 113 - Debugging above the cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)