Vanguard DevOps LLC

Compensation

Full Description

Senior Frontend React Developer (100% Remote) 100% Remote for long-term four-year project with our Federal Government customer. Vanguard DevOps (www.vanguard-devops.ai) is seeking a highly experienced senior React engineer to lead the front-end design, architecture and development of a brand new, green-field web application. This position REQUIRES the candidate to be either a U.S. Citizen, or green card holder having lived in the U.S. continuously for more than 5 years. (no H1B or H4 visa). - If you do not meet this requirement, do not apply. We cannot hire you for this position. Project Overview We are developing a mission-critical enterprise web application designed for high-volume, complex data entry. The application features approximately 12 distinct web forms, with individual forms containing between 30 and 120 fields. We need a Senior React expert to design, architect and develop a Single Page Application (SPA) that remains lightning-fast and highly responsive while handling many large data entry forms, with complex validation rules. The React frontend will serve as a high-performance Single Page Application (SPA), consuming a robust RESTful API exposed by a Java/Spring Boot backend. You will own the front end design, architecture, tool stack selection, development, testing, and deployment, and work closely with the Java/Spring back end team. The Tech Stack • Frontend: React 19 (Plain SPA) • Build Tool: Vite • Routing: React Router v7 • State & Forms: React Hook Form, Zod, TanStack Query (React Query) • Styling: Tailwind CSS + Headless UI / Shadcn, and/or Material UI • Backend Integration: Java / Spring Boot (REST API) • Auth: OIDC5 / OAuth2 (Authorization Code Flow with PKCE) Core Responsibilities • SPA Architecture: Design a robust, scalable Single Page Application using Vite, ensuring efficient code-splitting and fast initial load times. • Large-Scale Form Management: Implement approximately 12 distinct web forms, with individual forms containing between 30 and 120 fields using React Hook Form. You must be an expert in optimizing "uncontrolled components" to ensure zero input lag. • Dynamic Validation: Build sophisticated, schema-based validation using Zod. You will be responsible for syncing these schemas with our Java-based OpenAPI specifications. • Client-Side Routing: Manage complex navigation and "Form Steppers" using React Router, ensuring user progress is preserved across different views. • State Management: Architect a clean data-fetching layer with TanStack Query to handle auto-saves, draft persistence, and optimistic UI updates. • Security Integration: Implement secure OIDC authentication patterns, managing JWTs within the browser environment following industry best practices. • Backend Integration & API Orchestration • Contract-First Collaboration: Work closely with the Java/Spring Boot team to define and consume RESTful APIs. You will be responsible for ensuring that the JSON payloads for 120-field forms are structured for both backend efficiency and frontend performance. • Data Transformation: Implement robust mapping layers to transform backend DTOs (Data Transfer Objects) into frontend form states, ensuring that complex Java data types (like Enums, OffsetDateTimes, and nested Collections) are handled gracefully in React. • Error Mapping: Develop a unified error-handling strategy that maps Spring Boot MethodArgumentNotValidException responses directly to UI-specific field errors in real-time. Required Technical Skills • 5+ Years of Experience in professional React development (Hooks, Context, and Composition patterns). • 3+ Years TypeScript Development • Vite Expert: Deep understanding of the Vite build tool, including environment configuration and optimization for production. • Expert at Developing Large Web Forms: Mastery of React Hook Form. You should know exactly how to use useFieldArray and Controller to manage deeply nested data (or recommend alternative best practices). • Type Safety: Professional-grade TypeScript skills. Experience using Zod or Yup for runtime validation. • API Integration: Experience working with RESTful Java/Spring Boot backends and a strong understanding of JSON-to-DTO mapping. • State Management: High proficiency with TanStack Query (React Query) for managing server state and caching (or recommend alternative best practices). Additional Desired Skills • Experience with OpenAPI Generator to automate the synchronization of TypeScript types with Java backends. • Experience in "Contract-First" development. • Prior experience building large complex medical data-entry systems. • Knowledge of CSS performance optimization for rendering large lists of inputs.