Senior UI Engineer

📍 Job Overview

Job Title: Senior UI Engineer

Company: Development InfoStructure LLC. (Devis)

Location: Washington, District of Columbia, United States

Job Type: FULL_TIME

Category: Software Engineering / Front-End Development

Date Posted: 2026-04-24

Experience Level: Senior (6+ years)

Remote Status: On-site

🚀 Role Summary

• Design, develop, and maintain sophisticated React-based user interface components for the Committee Portal platform, a critical system for the U.S. House of Representatives.

• Integrate complex GraphQL APIs into the front-end, ensuring efficient data flow, robust caching strategies, and effective error handling.

• Implement and maintain client-side state management solutions using modern libraries like React Query or Zustand, aligning with existing team patterns.

• Develop comprehensive unit tests using Vitest to ensure code quality, component reliability, and adherence to acceptance criteria.

• Collaborate effectively within an Agile/Scrum team structure, participating in all ceremonies and contributing to sprint planning, reviews, and retrospectives.

📝 Enhancement Note: This role is specifically for a Senior UI Engineer focused on front-end development within a government sector context. The emphasis on React, TypeScript, GraphQL, and specific tools like Vitest and Azure DevOps indicates a need for a highly skilled and experienced front-end developer. The security requirements and on-site nature of the work are critical factors for candidates to consider.

📈 Primary Responsibilities

• Develop and refactor React components using TypeScript, strictly adhering to UX designs, acceptance criteria, and the LCS design system to enhance maintainability and consistency.

• Translate detailed wireframes and UX specifications into accessible, production-ready user interface components that are both functional and visually aligned with project requirements.

• Integrate GraphQL APIs by implementing queries, mutations, managing caching strategies (e.g., using React Query), and handling potential errors gracefully within the UI.

• Collaborate closely with the ASP.NET Services Engineer to define precise GraphQL query contracts and shape data requirements to optimize API performance and UI data fetching.

• Implement and manage client-side state effectively using libraries such as React Query, Zustand, or similar patterns already established within the Integrated Product Team (IPT).

• Write comprehensive unit tests for new and existing React components using Vitest, ensuring high code coverage and component stability.

• Support functional and regression testing efforts by coordinating with the IPT Test Engineer on a sprint-by-sprint basis, ensuring timely issue resolution.

• Debug and resolve defects reported by testers and end-users, reproducing issues accurately and delivering fixes within sprint commitments to maintain platform integrity.

• Manage source code and task status using Azure DevOps (ADO) and Git, adhering to established pull request workflows and configuration management processes.

• Participate in containerized local development environments (e.g., Docker) and support deployment processes via Azure Pipelines to Kubernetes environments.

• Adhere strictly to all IPT Configuration Management processes as defined by the Program Manager, ensuring compliance and traceability.

• Actively participate in all Agile ceremonies, including sprint planning, daily stand-ups, sprint reviews, and retrospectives, contributing to team velocity and process improvement.

• Collaborate cross-functionally with UX designers, business analysts, ASP.NET Services Engineers, and Test Engineers to refine acceptance criteria and deliver high-quality features.

• Produce all required deliverables, including code, configuration artifacts, and documentation, in accordance with the Statement of Work (SOW) and Section A.5 (Deliverables).

📝 Enhancement Note: The responsibilities highlight a full-stack UI engineering role with significant emphasis on modern front-end technologies, API integration, testing, and adherence to government project management and security protocols. The need to collaborate with backend engineers (ASP.NET) and understand deployment pipelines (Azure DevOps, Kubernetes) is key.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Computer Science, Software Engineering, Information Systems, Human-Computer Interaction, or a closely related technical field is required.

Experience:

• Mid-Level: 3+ years of dedicated front-end engineering experience.

• Senior Level: 6+ years of dedicated front-end engineering experience, aligning with SOW Section A.4 Requirement 2.

• Demonstrated experience in developing robust UI components using React and TypeScript is essential.

• Proven track record of translating wireframes and UX specifications into functional, production-ready components.

• Experience writing effective unit tests using Vitest or another modern JavaScript testing framework.

Required Skills:

• Advanced React.js: Deep understanding of React core principles, component lifecycle, hooks, and state management patterns.

• TypeScript Proficiency: Expertise in using TypeScript for static typing, enhancing code quality, and improving developer productivity in large-scale applications.

• GraphQL Integration: Solid experience with GraphQL queries, mutations, caching mechanisms (e.g., React Query), and error handling within a React context.

• Unit Testing (Vitest): Proven ability to write comprehensive unit tests using Vitest or similar modern testing frameworks for React components.

• Agile Methodologies: Active participation and understanding of Agile ceremonies (Scrum, Kanban), sprint planning, and continuous delivery practices.

• Version Control (Git): Proficiency with Git, including branching strategies, pull requests, and code reviews.

• UI/UX Implementation: Ability to accurately translate UX designs and wireframes into functional and visually consistent UI components.

• Problem-Solving & Debugging: Strong analytical skills to debug complex issues, reproduce defects, and implement effective solutions.

Preferred Skills:

• Ant Design: Familiarity and working knowledge of the Ant Design component library.

• State Management Libraries: Working familiarity with React Query and/or Zustand for advanced state management.

• Containerization (Docker): Experience with containerized local development environments.

• CI/CD Tools (Azure DevOps, Azure Pipelines): User-level familiarity with Azure DevOps for work item tracking, Git repositories, and Azure Pipelines for build and release automation.

• Container Orchestration (Kubernetes): Basic understanding of Kubernetes and its role in deployment environments.

• Web Accessibility (WCAG): Knowledge of accessible web development standards and best practices.

• Front-end Performance Optimization: Understanding of modern front-end performance tuning techniques.

• Meta Front-End Developer Certificate: Possession of this certification or equivalent demonstrable skills.

• Azure Developer Associate (AZ-204): Helpful for roles involving Azure-hosted build and deployment tasks.

📝 Enhancement Note: The qualifications emphasize a senior-level front-end engineer with specialized skills in React, TypeScript, and GraphQL, coupled with a strong testing and Agile background. The preferred skills indicate a leaning towards the specific tech stack used by Devis and its government clients, particularly Azure and related services.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• React Component Showcase: A portfolio demonstrating the development of reusable, well-documented, and performant React components, ideally using TypeScript.

• TypeScript Project Examples: Evidence of projects where TypeScript was effectively utilized to improve code quality, maintainability, and reduce runtime errors.

• API Integration Case Studies: Examples of how you've integrated complex APIs (preferably GraphQL) into front-end applications, detailing challenges faced and solutions implemented regarding data fetching, caching, and error handling.

• Testing Framework Application: Demonstrations of unit tests written for UI components using Vitest or comparable modern JavaScript testing frameworks, showcasing test coverage and strategy.

• Agile Project Contributions: Descriptions of your role and contributions within Agile teams, highlighting participation in sprint cycles, collaboration, and delivery of features.

Process Documentation:

• Workflow Design & Optimization: Ability to document existing UI development workflows and propose optimizations for efficiency, code quality, and team collaboration.

• Component Development Standards: Clear documentation of standards and best practices for creating and maintaining UI components, including naming conventions, prop types, and state management approaches.

• Testing and Debugging Procedures: Documentation outlining your approach to unit testing, debugging, and defect resolution within a sprint cycle.

• Code Review and Pull Request Process: Articulation of best practices for code reviews and the pull request process to ensure code quality and knowledge sharing.

📝 Enhancement Note: Applicants should prepare a portfolio that not only showcases their technical skills in React and TypeScript but also demonstrates their understanding of process, testing, and collaborative development within an Agile framework. Highlighting specific examples of API integration and unit testing will be crucial.

💵 Compensation & Benefits

Salary Range: $98,000 - $108,000 per year. (This range is commensurate with background, experience, and the specific requirements of the Senior UI Engineer role.)

Benefits:

• Comprehensive health, dental, and vision insurance plans.

• Retirement savings plan (e.g., 401(k)) with potential company match.

• Paid time off (PTO), including vacation, sick leave, and holidays.

• Opportunities for professional development, training, and certifications.

• Potential for participation in company-sponsored learning initiatives.

Working Hours:

• Full-time position (approximately 40 hours per week).

• Aligned with core business hours: 7:00 AM to 6:00 PM Eastern Time.

• Primarily on-site work in Washington, DC. Off-site work is permissible only with explicit approval from the customer.

📝 Enhancement Note: The salary range provided is specific to the Senior UI Engineer role in Washington, D.C. The benefits listed are standard for full-time positions and are tailored to appeal to tech professionals, while the working hours and on-site requirement are critical for candidates considering this role in the government sector.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Development, IT Services, Consulting, Government Technology Solutions. Devis specializes in cutting-edge technologies like DevSecOps, AI, and Machine Learning, serving government agencies.

Company Size: 50-200 employees (estimated based on typical LLC structures in this sector). This size suggests a potentially close-knit team with opportunities for direct impact and visibility.

Founded: Over 30 years ago. This long history indicates stability, deep domain expertise, and established relationships within the government sector.

Team Structure:

• Integrated Product Team (IPT) model, common in government contracting. This team likely includes a mix of roles: UI Engineers, ASP.NET Services Engineers, UX Designers, Business Analysts, and Test Engineers.

• Reporting Structure: The Senior UI Engineer will likely report to a technical lead or Program Manager within the IPT, with a direct line to project management oversight.

Methodology:

• Agile Delivery: The team operates under Agile methodologies, likely Scrum, with established ceremonies like sprint planning, daily stand-ups, reviews, and retrospectives.

• DevOps Practices: The company's focus on DevSecOps suggests an integrated approach to development, security, and operations, likely involving CI/CD pipelines and containerization.

• Data-Driven Development: While not explicitly stated for this UI role, the company's broader focus on AI and ML implies a culture that values data analysis and informed decision-making.

Company Website: https://devis.com/

📝 Enhancement Note: Devis operates in a specialized niche serving government clients, which influences its culture towards stability, security, and process adherence. The IPT structure and Agile methodology are key aspects for candidates to understand for effective collaboration.

📈 Career & Growth Analysis

Operations Career Level: Senior Front-End Engineer. This level signifies a high degree of technical expertise, the ability to mentor junior engineers, and a significant role in architectural and design decisions for the UI.

Reporting Structure: The role is part of an Integrated Product Team (IPT) and will report to a Project Manager or Technical Lead. Collaboration will be extensive with other IPT members, including backend engineers, QA, and business analysts.

Operations Impact: The UI Engineer's work directly impacts the usability and efficiency of critical platforms used by the U.S. House of Representatives. Their contributions are vital for enabling committee staff to perform their duties effectively, influencing legislative processes and operational workflows.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, GraphQL, and potentially explore related areas like state management, performance optimization, and accessibility standards.

• Leadership Development: Potential to move into a Tech Lead role within an IPT, guiding UI development efforts, mentoring junior engineers, and contributing more heavily to architectural decisions.

• Cross-functional Skill Acquisition: Gain exposure to backend development through collaboration with ASP.NET engineers, and understand CI/CD pipelines and cloud deployments (Azure, Kubernetes).

• Government Sector Expertise: Develop specialized knowledge in working with government clients, understanding their unique requirements, security protocols, and procurement processes, which can open doors to future government-focused roles.

• Certifications: Pursue relevant certifications like the Meta Front-End Developer Certificate or Azure certifications (e.g., AZ-204) to enhance credentials and career prospects.

📝 Enhancement Note: This role offers significant opportunities for technical growth and specialization within the government contracting space. The "Senior" title implies a trajectory towards leadership and advanced technical contributions.

🌐 Work Environment

Office Type: On-site work environment located on Capitol Hill in Washington, DC. This implies a professional, secure, and potentially high-paced setting typical of government contractor roles in the capital.

Office Location(s): Washington, DC. This specific location is crucial for candidates to consider due to commute and security requirements.

Workspace Context:

• Collaborative Environment: The IPT structure necessitates close collaboration with a diverse team of engineers, designers, and analysts, fostering a dynamic and interactive workspace.

• Technology Focus: Access to modern development tools and technologies, including specialized software and systems required for government projects.

• Team Interaction: Regular in-person meetings, stand-ups, and collaborative sessions are expected, facilitating strong team cohesion and efficient problem-solving.

Work Schedule: A standard full-time schedule operating within core business hours (7:00 AM - 6:00 PM Eastern Time), with an expectation of approximately 40 hours per week. While the core hours provide some flexibility, the on-site requirement and government client needs may dictate specific working times.

📝 Enhancement Note: The on-site requirement in Washington, DC, and the specific working hours are key environmental factors. Candidates should be prepared for a structured, collaborative, and secure work setting.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess qualifications against the job requirements.

• Technical Interview(s): Likely includes coding challenges focusing on React, TypeScript, and potentially API integration scenarios. Expect questions on state management, component design, and testing.

• Portfolio Presentation: A dedicated session where you will present selected projects from your portfolio, explaining your technical approach, problem-solving strategies, and the impact of your work.

• Team/Stakeholder Interview: An opportunity to meet with potential team members and project managers to assess cultural fit, collaboration style, and communication skills.

• Security & Background Check: A thorough background investigation process required by the U.S. House of Representatives.

Portfolio Review Tips:

• Curate Relevant Projects: Select 2-3 of your strongest projects that best showcase your React, TypeScript, and GraphQL skills, especially those demonstrating complex UI development or API integrations.

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific role, the technologies used, the challenges encountered, and the positive outcomes or metrics achieved.

• Demonstrate Process: Explain your development process, including how you translated requirements into code, your testing strategy (unit tests, etc.), and how you collaborated with others.

• Code Quality: Ensure any code samples or links to repositories are clean, well-commented, and follow modern best practices.

• Accessibility & Performance: If applicable, highlight aspects of your projects that demonstrate attention to web accessibility and front-end performance.

Challenge Preparation:

• React/TypeScript Coding: Practice common React patterns, state management techniques, and TypeScript fundamentals. Be prepared for live coding exercises.

• API Integration Scenarios: Think about how you would integrate a GraphQL API, handle loading states, errors, and data updates in a React application.

• Problem-Solving: Prepare to discuss how you would approach debugging a complex UI issue or refactoring a legacy component.

• Agile & Collaboration: Be ready to discuss your experience working in Agile teams and how you collaborate with designers, backend engineers, and testers.

📝 Enhancement Note: The interview process will heavily weigh technical skills, portfolio demonstration, and the ability to adapt to a government contracting environment. Candidates must be prepared to showcase their work and articulate their problem-solving approach effectively.

🛠 Tools & Technology Stack

Primary Tools:

• React.js: The core JavaScript library for building user interfaces.

• TypeScript: Used for static typing, enhancing code quality and maintainability of React components.

• GraphQL: The primary API query language for fetching data efficiently from the backend.

• Vitest: A modern, fast unit testing framework for JavaScript and React components.

• Git: Essential for version control, code management, and collaborative workflows.

Analytics & Reporting:

• React Query: Utilized for server-state management, including caching, asynchronous operations, and data synchronization with APIs.

• Zustand (or similar): Potentially used for client-side state management, managing local component state or application-wide state.

CRM & Automation:

• Azure DevOps (ADO): Platform for work item tracking, source code management (Git repositories), and CI/CD pipeline orchestration.

• Azure Pipelines: Part of ADO, used for automating build, test, and deployment processes.

• Docker: For containerized local development environments, ensuring consistency across developer machines and deployment targets.

• Kubernetes: The target environment for deploying containerized applications, indicating familiarity with container orchestration concepts.

📝 Enhancement Note: The technology stack is modern and focused on front-end development best practices, with a strong emphasis on React, TypeScript, GraphQL, and associated testing and deployment tools within the Azure ecosystem.

👥 Team Culture & Values

Operations Values:

• Quality & Reliability: A strong commitment to delivering high-quality, stable, and reliable software solutions, especially critical for government systems.

• Efficiency & Optimization: Driving efficiency through well-designed code, optimized performance, and effective use of development tools and processes.

• Collaboration & Teamwork: Fostering a collaborative environment where team members support each other, share knowledge, and work together to achieve common goals within the IPT.

• Security & Compliance: Adhering to strict security protocols and compliance requirements mandated by government clients, ensuring the integrity and safety of sensitive data.

• Continuous Improvement: Embracing Agile retrospectives and feedback loops to constantly refine processes, improve code quality, and enhance team performance.

Collaboration Style:

• Cross-functional Integration: Close working relationships with backend engineers, QA, UX designers, and business analysts are paramount for successful sprint delivery.

• Agile Participation: Active engagement in all Agile ceremonies, providing constructive feedback and contributing to collective problem-solving.

• Knowledge Sharing: An environment that encourages sharing technical expertise, best practices, and lessons learned through code reviews, pair programming, and team discussions.

• Process Adherence: A culture that respects and follows established processes for configuration management, testing, and deployment, ensuring consistency and traceability.

📝 Enhancement Note: The culture is shaped by the demands of government contracting, emphasizing reliability, security, and structured collaboration within an Agile framework.

⚡ Challenges & Growth Opportunities

Challenges:

• Government Security Clearance: Successfully passing and maintaining the background investigation required by the U.S. House of Representatives can be a rigorous and lengthy process.

• Legacy System Integration: Potentially working with or integrating into existing legislative computer systems that may have older architectures or specific constraints.

• Strict Compliance Requirements: Navigating and adhering to the stringent security and operational compliance standards of a government client.

• On-Site Mandate: The requirement for on-site work in Washington, DC, may present logistical challenges for candidates not local to the area, and limits flexibility.

• Balancing Innovation with Stability: Implementing modern UI practices and technologies while ensuring the stability and security required for mission-critical government applications.

Learning & Development Opportunities:

• Advanced React & TypeScript: Deepen expertise in complex React patterns, state management, and advanced TypeScript features.

• GraphQL Mastery: Become an expert in GraphQL API integration, optimization, and potentially schema design.

• DevOps & Cloud Technologies: Gain hands-on experience with Azure DevOps, Azure Pipelines, Docker, and Kubernetes, enhancing understanding of CI/CD and cloud-native deployments.

• Government Sector Domain Knowledge: Develop a specialized understanding of the legislative and government operational landscape, which is highly valuable in this sector.

• Mentorship & Leadership: Opportunity to mentor junior engineers and potentially grow into technical leadership roles within the team.

📝 Enhancement Note: Candidates should be aware of the unique challenges associated with government contracting, particularly security and on-site requirements, but also recognize the significant growth potential in specialized technologies and sector knowledge.

💡 Interview Preparation

Strategy Questions:

• React Component Design: "Describe how you would design a reusable, accessible, and performant React component for displaying complex tabular data. What state management and testing strategies would you employ?" (Focus on modularity, TypeScript interfaces, accessibility standards, Vitest, and React Query/Zustand.)

• API Integration Challenges: "Walk me through a time you integrated a GraphQL API into a React application. What were the biggest challenges, and how did you address them, particularly concerning data fetching, caching, and error handling?" (Be prepared to discuss specific patterns and libraries like React Query.)

• Agile Collaboration: "How do you typically collaborate with UX designers, backend engineers, and QA testers in an Agile environment? Describe a situation where you had to resolve a disagreement or technical challenge with another team member." (Highlight communication, compromise, and focusing on project goals.)

Company & Culture Questions:

• Devis' Mission: "What interests you about Development InfoStructure's work, particularly in serving government agencies with technologies like DevSecOps and AI/ML?" (Research Devis' website and their role in digital transformation for the public sector.)

• IPT Dynamics: "How do you contribute to a positive and productive team dynamic within an Integrated Product Team?" (Emphasize teamwork, proactive communication, and supporting colleagues.)

• Security Awareness: "What is your understanding of security best practices in software development, especially when working on government projects?" (Mention secure coding principles, awareness of sensitive data, and the importance of background checks.)

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, follow a clear story: Problem -> Solution -> Your Role -> Technologies Used -> Challenges -> Outcome/Impact.

• Highlight Key Technologies: Explicitly mention your use of React, TypeScript, GraphQL, and Vitest. Demonstrate how these tools were instrumental.

• Showcase Problem-Solving: Focus on specific technical hurdles you overcame and how you leveraged your skills to find effective solutions.

• Quantify Impact: Whenever possible, use metrics or quantifiable results to demonstrate the value of your work (e.g., improved load times, reduced bugs, enhanced user satisfaction).

• Be Ready for Deep Dives: Prepare to answer detailed technical questions about your code, architectural choices, and development process.

📝 Enhancement Note: Interview preparation should focus on demonstrating deep technical expertise in the required stack, strong problem-solving abilities, and a clear understanding of how to operate within a government contracting environment. The portfolio presentation is a critical component.

📌 Application Steps

To apply for this Senior UI Engineer position:

• Submit your application through the provided application link on the Devis careers portal.

• Curate Your Portfolio: Select 2-3 key projects that best demonstrate your expertise in React, TypeScript, GraphQL, and unit testing. Prepare a concise presentation or document outlining the problem, your solution, your role, the technologies used, and the impact.

• Tailor Your Resume: Ensure your resume clearly highlights your years of experience in front-end engineering, specific skills in React and TypeScript, experience with GraphQL, and any familiarity with Azure DevOps, Docker, or Kubernetes. Use keywords from the job description.

• Prepare for Technical Challenges: Practice coding exercises focused on React component development, TypeScript, and API integration. Be ready to discuss your approach to unit testing with Vitest.

• Research Devis and the Government Sector: Understand Devis' mission, their work with government agencies, and the general landscape of technology in the public sector. This will help you articulate your interest and cultural fit.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.