UI Software Engineer III - React

📍 Job Overview

Job Title: UI Software Engineer III - React

Company: JPMorgan Chase & Co.

Location: Glasgow, Scotland, United Kingdom

Job Type: Full time

Category: Software Engineering / Front-End Development

Date Posted: 2026-01-20T08:52:01

Experience Level: 5-10 years

Remote Status: On-site

🚀 Role Summary

• Design and develop cutting-edge Micro UI components using React and TypeScript for the FRAME 2.0 platform, focusing on critical user experience areas like Data Discovery, Feature Discovery, Data Access, User Onboarding, and CI/CD Experience.

• Seamlessly integrate REST APIs from Java and Python microservices, while actively contributing to the UI-side architecture and the development of shared libraries, including module federation, design tokens, and reusable components.

• Take ownership of front-end performance, accessibility standards (WCAG), secure coding practices, telemetry implementation, and robust error handling, ensuring comprehensive instrumentation for FRAME Observability dashboards.

• Leverage data analysis and system integration insights to continuously enhance user interfaces and optimize system performance, driving iterative improvements based on usage and operational data.

📝 Enhancement Note: This role is positioned as a senior-level UI Software Engineer (III) requiring significant experience in front-end development, specifically with React and TypeScript. The responsibilities indicate a focus on architectural contributions, ownership of critical non-functional requirements (performance, accessibility, security), and a strong emphasis on data-driven improvement, aligning with advanced software engineering roles. The mention of "FRAME 2.0" and specific platform features suggests a complex, enterprise-level application development environment.

📈 Primary Responsibilities

• Spearhead the design and implementation of Micro UI components in React/TypeScript for FRAME 2.0, covering essential functional areas such as Data Discovery, Feature Discovery, Data Access, User Onboarding, and CI/CD Experience.

• Develop and maintain robust integrations with REST APIs exposed by Java and Python microservices, ensuring efficient and reliable data flow.

• Contribute significantly to the overall UI-side architecture, including the design and implementation of shared libraries for module federation, design tokens, and reusable UI components to promote consistency and efficiency across the platform.

• Ensure all front-end implementations adhere to high standards of performance, accessibility (WCAG compliance), secure coding hygiene, and comprehensive telemetry and error handling.

• Instrument UIs to feed data into FRAME Observability dashboards, enabling proactive monitoring and performance analysis.

• Gather, analyze, and synthesize insights from usage and operational data to drive continuous improvement of user interfaces and system integrations.

• Enhance the developer experience by optimizing CI/CD pipelines (Bitbucket/Jules), implementing automated unit/integration tests (Jest, React Testing Library), and employing static analysis tools (SSAP, Sonar).

• Actively participate in architectural and design discussions, conduct thorough code reviews, and engage in agile ceremonies, fostering close collaboration with back-end engineers and SRE teams to ensure robust release cycles.

• Proactively identify and address hidden problems and patterns within data and code to drive strategic refactoring and architectural improvements.

• Contribute to the broader software engineering community through participation in communities of practice and events focused on emerging technologies.

📝 Enhancement Note: The responsibilities clearly delineate a senior engineering role with significant ownership and strategic input. Responsibilities extend beyond coding to include architecture, performance, security, developer experience, and data analysis for continuous improvement. The emphasis on microservices, modern front-end patterns like module federation, and enterprise-level tools (Databricks, JET) suggests a complex, large-scale financial technology environment.

🎓 Skills & Qualifications

Education:

Experience:

Required Skills:

• Proficiency in coding with modern JavaScript/TypeScript for web applications.

• Proven experience in developing, debugging, and maintaining code within a large corporate environment, utilizing one or more modern programming languages and database querying languages.

• Experience building sophisticated React applications, including proficiency with modern state management libraries and routing solutions, and consuming REST/GraphQL APIs within a microservices architecture.

• Comprehensive understanding of the Software Development Life Cycle (SDLC), with a strong grasp of agile methodologies, including Continuous Integration/Continuous Delivery (CI/CD), Application Resiliency, and Security best practices.

Preferred Skills:

• Deep familiarity with modern front-end technologies: React hooks, advanced TypeScript features, component design patterns, state management solutions (e.g., Redux, Zustand, Context API), and microfrontend architectural patterns like module federation.

• Exposure to Databricks and JET ecosystems, with an understanding of MLflow artifacts and experience integrating UI components with model execution and audit dashboards.

• Experience with CI/CD tools and source control systems (e.g., Bitbucket), automated testing frameworks (Jest, React Testing Library), and static code analysis tools (e.g., SSAP, Sonar).

• Familiarity with governance and entitlements workflows (e.g., LUMA, MRGR, MyAccess/IDAnywhere) and experience with data catalog integrations (e.g., Data Compass).

• Exposure to and understanding of cloud technologies and their application in enterprise environments.

📝 Enhancement Note: The "Required Qualifications" section emphasizes practical application and broad SDLC knowledge. The "Preferred Qualifications" highlight specific, advanced front-end technologies and domain-specific integrations (Databricks, JET, governance workflows) crucial for this role within JPMorgan Chase's technology stack, indicating a desire for candidates who can hit the ground running with minimal ramp-up time.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate a track record of designing and implementing complex UI architectures, showcasing your ability to translate business requirements into scalable and maintainable front-end solutions.

• Provide examples of projects where you have significantly improved front-end performance, accessibility, or security, quantifying the impact where possible.

• Showcase experience with system integrations, particularly involving REST APIs, and contributions to shared component libraries or microfrontend architectures.

Process Documentation:

• Include case studies or project descriptions that detail your approach to workflow design and optimization for front-end development processes, such as CI/CD pipelines or testing strategies.

• Illustrate your experience with implementing and automating development processes, including the use of testing frameworks and static analysis tools.

• Present examples of how you have used data to measure the performance of UI components or optimize user workflows, demonstrating a continuous improvement mindset.

📝 Enhancement Note: For a senior UI Engineer role, a portfolio demonstrating practical application of advanced concepts is crucial. The emphasis should be on architectural contributions, ownership of non-functional requirements, and a data-driven approach to development and improvement. This aligns with typical expectations for mid-to-senior level engineers in large financial institutions where robustness and scalability are paramount.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Comprehensive health, dental, and vision insurance plans.

• Generous paid time off (PTO), including vacation days, sick leave, and public holidays.

• Retirement savings plan options, such as a company-matched pension scheme.

• Opportunities for professional development, including training, certifications, and conference attendance.

• Employee assistance programs and wellness initiatives.

Working Hours:

• Standard full-time working hours are typically 40 hours per week. While the role is on-site, flexibility may be offered regarding daily start and end times, subject to team and business needs. Core working hours are likely to be established to ensure team collaboration and meeting attendance.

📝 Enhancement Note: The salary range is estimated based on typical compensation for senior software engineers in the UK's financial sector, considering the specified experience level and the company's scale. Benefits are standard for large, established corporations like JPMorgan Chase. The working hours are typical for full-time employment.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services & Technology. JPMorgan Chase operates at the intersection of global finance and cutting-edge technology, providing a dynamic environment for innovation and application development. The company is a leader in investment banking, financial services for consumers and small businesses, commercial banking, financial transaction processing, and asset management.

Company Size: Over 100,000 employees globally. This large scale implies structured processes, significant resources, and opportunities for career progression within a vast organization. For a UI Engineer, this means working on complex, enterprise-grade systems with a wide user base.

Founded: 2000 (merger of Chase Manhattan Corporation and J.P. Morgan & Co.). With a long history and established presence, the company emphasizes stability, trust, and long-term strategic vision.

Team Structure:

• The role is within the Corporate Technology division, specifically focusing on the FRAME 2.0 platform. This suggests a team composed of specialized engineers (UI, back-end, SRE) working collaboratively on a defined product.

• Reporting likely follows a hierarchical structure common in large enterprises, with a Team Lead or Engineering Manager overseeing the group, and Senior Engineers like this role mentoring junior members.

Methodology:

• The team operates within an agile framework, emphasizing iterative development, continuous feedback, and adaptability.

• Data analysis is a core component, used to drive UI improvements, monitor system performance, and inform architectural decisions for the FRAME platform.

• Workflow planning and optimization are critical, particularly concerning the developer experience, CI/CD processes, and testing methodologies to ensure efficient and high-quality software delivery.

• Automation and efficiency practices are paramount, aiming to streamline development, deployment, and operational tasks, reducing friction and dependency on other teams.

Company Website: https://www.jpmorganchase.com/

📝 Enhancement Note: Given JPMorgan Chase's status as a global financial institution, the culture is expected to be professional, rigorous, and focused on security, compliance, and delivering high-quality, scalable solutions. The emphasis on technology within a financial context means a blend of robust engineering practices and an understanding of financial services requirements.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as UI Software Engineer III, indicating a senior individual contributor position. It suggests a level of expertise where the engineer is expected to not only execute complex tasks but also influence technical direction, mentor junior engineers, and take ownership of significant features or architectural components. This level typically requires 5-10 years of relevant experience.

Reporting Structure: The UI Software Engineer III will likely report to a Software Engineering Manager or Team Lead. They will work closely with a cross-functional agile team, collaborating extensively with backend engineers, SREs, product managers, and potentially architects. Direct reports are not expected at this level, but mentoring junior team members is a common responsibility.

Operations Impact: The UI Software Engineer III's impact is significant within the FRAME 2.0 platform. By designing and delivering robust, performant, and user-friendly micro UI components, they directly influence the efficiency and effectiveness of data scientists, modelers, and technologists. Their contributions to architecture, shared libraries, and developer experience will have a ripple effect across multiple teams and projects, ultimately reducing friction in analytics workflows and lowering dependencies on technology teams, thereby improving overall business agility and productivity.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced front-end technologies, microfrontend architectures, UI performance optimization, and accessibility standards. Potential to become a subject matter expert or architect for UI development within the organization.

• Leadership Development: Transition into a Tech Lead role, guiding a small team of engineers, or a management track, overseeing engineering teams and projects. Opportunities to mentor junior engineers and contribute to hiring processes.

• Cross-Functional Exposure: Gain broader experience by working on different aspects of the FRAME platform or other JPMC technology initiatives, potentially exploring areas like DevOps, SRE, or backend development principles.

• Industry Certifications & Training: Access to company-sponsored training programs, workshops, and conferences to stay abreast of the latest technologies and best practices in software engineering and financial technology.

📝 Enhancement Note: The "III" designation clearly places this role in the senior individual contributor tier. The growth opportunities reflect typical career paths for senior engineers in large tech organizations, emphasizing both deep technical mastery and potential leadership progression. The impact on the FRAME platform highlights the strategic importance of this role in enabling advanced analytics and modeling capabilities.

🌐 Work Environment

Office Type: This is an on-site role, requiring the engineer to work from the JPMorgan Chase office in Glasgow. The office environment is expected to be professional, corporate, and equipped with modern amenities necessary for a large financial institution.

Office Location(s): 315 Argyle Street, Glasgow, G2 8AT, United Kingdom. This central Glasgow location offers accessibility via public transport and proximity to city amenities.

Workspace Context:

• The workspace will likely be a modern, open-plan or semi-private office setup designed to foster collaboration among team members. It will be equipped with the necessary hardware and software for development.

• Access to a robust technology infrastructure, including high-speed internet, secure networks, and a comprehensive suite of development tools and platforms, will be provided.

Work Schedule:

• The role is full-time, typically around 40 hours per week. While on-site, there may be some flexibility in daily working hours, provided core collaboration times are met. The nature of the work, involving complex development and integration, requires focused periods of uninterrupted work, balanced with collaborative sessions and agile ceremonies.

📝 Enhancement Note: The description confirms an on-site work arrangement in a specific Glasgow location. The workspace context emphasizes a typical corporate tech environment focused on collaboration and access to necessary resources.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will conduct an initial phone screen to assess overall fit, experience, and interest in the role, likely covering high-level technical and behavioral aspects.

• Technical Interviews: Expect multiple rounds of technical interviews. These may include:

  • Coding Challenges: Live coding exercises focusing on JavaScript/TypeScript, React fundamentals, data structures, and algorithms.
  • System Design: A discussion or whiteboard session to evaluate your approach to designing scalable, performant, and maintainable UI architectures, likely within a microservices context.
  • Deep Dive on Frameworks/Tools: Questions specifically testing your expertise in React, state management, module federation, and integration with backend APIs.

• Behavioral/Situational Interviews: Questions assessing your experience with agile methodologies, problem-solving skills, teamwork, communication, and how you handle challenges, conflicts, or ambiguity.

• Portfolio Review (if applicable): You may be asked to present specific projects from your portfolio, detailing your role, the technical challenges, your solutions, and the impact.

• Final Round: This may involve a discussion with senior leadership or a panel interview to assess cultural fit and confirm suitability for the role and company.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your most impactful projects that best showcase your React, TypeScript, and microfrontend experience.

Prioritize projects that demonstrate complex problem-solving, architectural contributions, or significant performance/usability improvements.

• Structure Your Case Studies: For each project, clearly outline:

  • The problem or business need.
  • Your specific role and contributions.
  • The technical challenges encountered.
  • Your architectural decisions and the technologies used (especially React, state management, module federation, API integrations).
  • The solutions implemented.
  • Quantifiable results or impact (e.g., performance gains, user satisfaction improvements, efficiency increases).

• Highlight Key Skills: Explicitly connect your portfolio projects to the required skills: React, TypeScript, microservices integration, CI/CD, testing, accessibility, and performance optimization.

• Be Prepared for Technical Deep Dives: Be ready to discuss code snippets, architectural choices, and trade-offs in detail.

• Demonstrate Observability & Data Use: If possible, showcase projects where you've implemented telemetry, error handling, or used data to drive UI improvements.

Challenge Preparation:

• Practice Coding: Use platforms like LeetCode, HackerRank, or Coderbyte, focusing on JavaScript/TypeScript and common algorithm/data structure problems.

• Review System Design Principles: Familiarize yourself with designing scalable web applications, API integrations, and microfrontend architectures. Understand trade-offs.

• Master React Concepts: Deeply review React hooks, component lifecycle, state management patterns, context API, performance optimization techniques, and the nuances of module federation.

• Understand Agile & SDLC: Be ready to discuss your experience with agile ceremonies, CI/CD pipelines, and the broader software development lifecycle.

• Research JPMC & FRAME: Understand JPMorgan Chase's position in the financial industry and familiarize yourself with the FRAME platform's purpose and technical stack as described in the job posting.

📝 Enhancement Note: The interview process description is tailored to a senior software engineering role in a large enterprise, emphasizing technical depth, system design, and behavioral aspects. The portfolio advice is specific to a UI Engineer, focusing on demonstrating advanced front-end skills and quantifiable impact, which is crucial for senior roles.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces. Proficiency in modern React features (hooks, context) is essential.

• TypeScript: A strongly typed superset of JavaScript, used for enhancing code quality, maintainability, and developer experience.

• JavaScript (ES6+): Fundamental for web development, including modern syntax and features.

• HTML5/CSS3: For structuring and styling web applications.

Frameworks & Libraries:

• State Management: Experience with libraries like Redux, Zustand, or React's Context API for managing application state.

• Module Federation: A key technology for building microfrontend architectures, enabling independent deployment of UI components.

• Testing Libraries: Jest and React Testing Library for unit and integration testing of React components.

• RESTful APIs: Experience consuming and integrating with RESTful services, likely from Java and Python microservices.

• GraphQL (Preferred): Familiarity with GraphQL as an alternative to REST for API interactions.

Development & CI/CD:

• Bitbucket (or similar): Source control management for code repositories.

• Jules (or similar CI/CD tools): Familiarity with CI/CD pipelines for automated building, testing, and deployment.

• SSAP / Sonar (or similar static analysis): Tools for code quality, security, and potential bug detection.

Observability & Analytics:

• Telemetry Implementation: Experience instrumenting UIs for data collection and performance monitoring.

• Observability Dashboards: Familiarity with tools used for visualizing and analyzing system performance (e.g., Grafana, custom dashboards).

• Data Analysis: Ability to gather and interpret usage and operational data to drive UI improvements.

Enterprise & Domain Specific:

• Databricks & JET Ecosystems: Exposure to these platforms, which are central to the FRAME application's functionality for analytics and modeling.

• MLflow: Understanding of MLflow artifacts for model development and deployment.

• Governance & Entitlements: Familiarity with workflows like LUMA, MRGR, MyAccess/IDAnywhere for managing access and compliance.

• Data Compass: Experience with data catalog integrations.

• Cloud Technologies (Preferred): General understanding of cloud environments (AWS, Azure, GCP) and their application in enterprise solutions.

📝 Enhancement Note: This section details a comprehensive technology stack, ranging from core front-end technologies to specific enterprise platforms and tools used at JPMorgan Chase. The emphasis on module federation, React, TypeScript, and integration with backend microservices is critical. The inclusion of specific internal tools like "Jules" and governance systems highlights the need for candidates to be adaptable to an established corporate technology environment.

👥 Team Culture & Values

Operations Values:

• Integrity & Trust: Upholding the highest ethical standards and ensuring the security and reliability of financial systems are paramount. This translates to meticulous coding, secure practices, and transparent communication.

• Innovation & Agility: While a large institution, there's a drive to innovate and adopt modern technologies like React and microservices to improve efficiency and deliver better products. This requires a willingness to learn and adapt.

• Client Focus: All technology efforts are ultimately aimed at serving clients, whether internal business units or external customers. This means understanding user needs and delivering solutions that provide tangible value and reduce friction.

• Excellence & Quality: A commitment to delivering high-quality, robust, and performant software solutions. This is reflected in rigorous testing, code reviews, and a focus on operational stability.

• Diversity, Opportunity, Inclusion, and Respect: JPMorgan Chase actively promotes a culture where diverse perspectives are valued, and everyone has an opportunity to contribute and succeed.

Collaboration Style:

• Cross-functional Integration: Engineers are expected to collaborate closely with backend developers, SREs, product managers, and designers, breaking down silos to achieve common goals.

• Process-Oriented Feedback: A culture of constructive feedback through code reviews, design discussions, and agile ceremonies is encouraged to collectively improve code quality and architectural decisions.

• Knowledge Sharing: Encouragement to share learnings, best practices, and new technologies through internal communities of practice, tech talks, and documentation to foster team growth and collective expertise.

• Problem-Solving Together: Teams are expected to tackle complex challenges collaboratively, leveraging the collective intelligence and diverse skill sets of their members to find effective solutions.

📝 Enhancement Note: The culture and values are derived from JPMorgan Chase's stated principles and the nature of working in a large, regulated financial institution. The emphasis is on professionalism, robust engineering, client focus, and collaborative innovation, supported by a strong commitment to diversity and inclusion.

⚡ Challenges & Growth Opportunities

Challenges:

• Navigating Complex Enterprise Systems: Understanding and integrating with a large, established technology ecosystem (Databricks, JET, governance tools) can be complex. This requires a proactive approach to learning and understanding existing systems.

• Balancing Innovation with Stability: Introducing modern front-end practices and microfrontend architectures while maintaining the stability, security, and compliance standards required by a financial institution.

• Driving Adoption of New Practices: Championing and effectively implementing new development methodologies, tools, or architectural patterns within a large organization, requiring strong communication and influencing skills.

• Performance Optimization at Scale: Ensuring that complex UIs remain performant and responsive for a large user base, often requiring deep dives into code, network requests, and rendering pipelines.

Learning & Development Opportunities:

• Advanced Front-End Architecture: Opportunities to deepen expertise in microfrontend strategies, advanced state management, performance tuning, and accessibility standards.

• Cross-Disciplinary Skill Development: Potential to gain exposure to backend development principles, cloud technologies, data analytics platforms, and DevOps practices relevant to the FRAME ecosystem.

• Mentorship & Leadership: Possibility to mentor junior engineers, lead technical initiatives, and develop leadership skills that can pave the way for Tech Lead or management roles.

• Industry Exposure: Access to industry conferences, workshops, and internal JPMC learning resources to stay current with emerging technologies and best practices in software engineering and financial technology.

📝 Enhancement Note: The challenges are framed around the complexities of enterprise-level software development in finance, including system integration, balancing innovation with regulation, and scaling solutions. Growth opportunities are aligned with career progression for senior engineers, focusing on specialization, leadership, and broader technical exposure.

💡 Interview Preparation

Strategy Questions:

• Operations Strategy: "Describe a situation where you had to design a complex UI architecture for a microservices-based application. What were your key considerations for scalability, maintainability, and performance? How did you approach integrating with backend APIs?" (Focus on your experience with React, module federation, API integration, and architectural decision-making).

• Collaboration & Stakeholder Management: "Tell me about a time you disagreed with a technical decision made by your team or a stakeholder. How did you handle it, and what was the outcome? How do you ensure effective communication when working with backend engineers and SREs?" (Prepare examples showcasing your communication, negotiation, and collaborative problem-solving skills).

• Problem-Solving: "Imagine you've identified a significant performance bottleneck in a React application that impacts user onboarding. Walk me through your process for diagnosing and resolving this issue, including how you would use telemetry and data analysis." (Be ready to detail your debugging methodology, tools, and data-driven approach).

Company & Culture Questions:

• Company Operations: "What are your thoughts on the FRAME 2.0 platform's goal of reducing friction in analytics workflows? How do you see your role as a UI Engineer contributing to this objective?" (Research FRAME and articulate how UI design impacts user productivity and efficiency).

• Team Dynamics: "How do you contribute to a positive and inclusive team culture? Describe your ideal collaboration environment with backend engineers and SREs." (Align your answers with JPMC's stated values of diversity, inclusion, and respect).

• Impact Measurement: "How do you measure the success of your UI development work beyond just code delivery? What metrics are important for tracking front-end performance and user experience?" (Prepare to discuss metrics like load times, interaction response times, accessibility scores, and user satisfaction).

Portfolio Presentation Strategy:

• Showcase Technical Depth: When presenting a project, clearly articulate the specific React patterns, state management solutions, and module federation techniques you employed. Be ready to discuss trade-offs.

• Quantify Impact: For each project, provide concrete numbers for performance improvements, user engagement changes, or efficiency gains. For example, "reduced page load time by 30%" or "improved task completion rate by 15%."

• Demonstrate Ownership: Emphasize your responsibilities, including areas like performance, accessibility, security, and error handling, highlighting your proactive contributions.

• Connect to FRAME: If possible, draw parallels between your past projects and the challenges or requirements of the FRAME platform to demonstrate your suitability for this specific role.

• Interactive Walkthrough: Be prepared to share your screen and walk through a live demo or code snippets if requested, explaining your design choices and implementation details.

📝 Enhancement Note: The interview preparation advice is structured to help candidates anticipate questions related to strategic thinking, technical problem-solving, collaboration, and cultural fit, all within the context of a senior UI engineering role at a major financial institution. The portfolio presentation strategy emphasizes demonstrating tangible results and technical expertise.

📌 Application Steps

To apply for this UI Software Engineer III position:

• Submit your application through the Oracle Cloud portal via the provided link.

• Curate Your Resume: Tailor your CV to highlight experience with React, TypeScript, microservices, API integrations, CI/CD, and any experience with enterprise platforms like Databricks or similar. Quantify achievements with metrics where possible.

• Prepare Your Portfolio: Select 2-3 key projects that best demonstrate your skills in building complex UIs, microfrontends, and optimizing front-end performance. Be ready to articulate your role, technical challenges, solutions, and outcomes.

• Practice Technical & Behavioral Questions: Rehearse answers to common interview questions, focusing on system design, React fundamentals, problem-solving scenarios, and collaborative experiences. Be prepared for live coding challenges.

• Research JPMorgan Chase & FRAME: Understand the company's mission, values, and the specific goals and technology stack of the FRAME platform. This will help you tailor your responses and demonstrate genuine interest.

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

---