React Software Engineer III - UI, UX, Gen AI

📍 Job Overview

Job Title: React Software Engineer III - UI, UX, Gen AI

Company: JPMorgan Chase

Location: Chicago, IL, United States

Job Type: Full-time

Category: Software Engineering / Technology

Date Posted: 2026-01-06T21:59:49

Experience Level: 3+ Years (Mid-Level to Senior)

Remote Status: On-site

🚀 Role Summary

• This role focuses on designing, developing, and maintaining high-performance, secure, and scalable front-end applications using React and TypeScript within the Payments Trust & Safety Technology Team.

• Key responsibilities include translating intricate UI/UX designs and wireframes into robust, responsive web applications, ensuring seamless integration with backend systems.

• The engineer will contribute to architecture and design artifacts, proactively identify and resolve complex technical challenges, and drive continuous improvement of software applications and systems through data analysis and insights.

• Emphasis is placed on producing secure, high-quality production code, contributing to software engineering communities, and fostering a diverse, inclusive, and respectful team culture.

📝 Enhancement Note: While the job title mentions "Gen AI," the core description heavily emphasizes React and UI/UX development. The AI aspect might be a future focus or a component within the broader Payments Trust & Safety domain, rather than the primary day-to-day responsibility for this specific role based on the provided text. Candidates should clarify the extent of Gen AI involvement during the interview process.

📈 Primary Responsibilities

• Architecture & Design: Produce architecture and design artifacts for complex applications, ensuring design constraints are met by software code development.

• Data Analysis & Insights: Gather, analyze, synthesize, and develop visualizations and reporting from large, diverse datasets to drive continuous improvement of software applications and systems.

• Problem Solving: Proactively identify hidden problems and patterns in data, using these insights to drive improvements in coding hygiene and system architecture.

• Front-End Development: Translate UI/UX designs and wireframes into high-quality, responsive front-end applications using React with TypeScript.

• Code Quality & Maintenance: Develop and maintain secure, high-quality production code and algorithms that run synchronously with appropriate systems.

• Technical Troubleshooting: Execute software solutions, design, development, and technical troubleshooting, demonstrating the ability to think beyond conventional approaches.

• Community Contribution: Contribute to software engineering communities of practice and events exploring new and emerging technologies.

• Team Culture: Foster and contribute to a team culture of diversity, opportunity, inclusion, and respect.

📝 Enhancement Note: The responsibility of "Produces architecture and design artifacts for complex applications while being accountable for ensuring design constraints are met by software code development" is listed twice in the original description. It's consolidated here for clarity. The role also implies a strong focus on system resilience and security given its placement within the "Payments Trust & Safety Technology Team."

🎓 Skills & Qualifications

Education:

• Formal training or certification on software engineering concepts.

Experience:

• 3+ years of applied experience in software engineering.

• Proven experience in system design, application development, and maintaining clean, well-structured, and testable code.

• Experience developing, debugging, and maintaining code in a large corporate environment.

• Demonstrated understanding of the Software Development Life Cycle (SDLC).

Required Skills:

• React & TypeScript: Extensive experience building high-performance web applications using React and TypeScript.

• UI/UX Implementation: Ability to translate UI/UX designs and wireframes into high-quality, functional code.

• System Design: Solid understanding and practical experience in system design principles.

• Agile Methodologies: Proficiency in agile development, including CI/CD, application resiliency, and security considerations.

• Data Analysis & Visualization: Experience gathering, analyzing, and reporting on diverse datasets.

• Component Libraries & Design Systems: Experience working with and implementing component libraries and design systems.

• Build Tools & Bundlers: Proficiency in using build tools and bundlers such as Webpack or Vite.

• Debugging & Troubleshooting: Strong ability to debug, troubleshoot, and maintain code in complex environments.

Preferred Skills:

• Familiarity with modern front-end technologies beyond React.

• Exposure to cloud technologies (e.g., AWS, Azure, GCP).

• Knowledge of Generative AI concepts and applications within a enterprise context.

• Experience with state management libraries (e.g., Redux, Zustand).

• Understanding of backend integration patterns and RESTful APIs.

📝 Enhancement Note: The "3+ years applied experience" suggests this is a mid-level to senior engineer role. The "Produces architecture and design artifacts" responsibility further points towards a senior capacity. "Gen AI" is listed as a preferred skill, indicating it's a bonus rather than a strict requirement for this specific position, though its mention in the title warrants attention.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code Samples: Demonstrable examples of clean, well-structured, and testable code, preferably in React/TypeScript, showcasing front-end development capabilities.

• Project Demonstrations: Case studies or examples of complex applications developed, highlighting system design, problem-solving, and implementation of UI/UX designs.

• Process Improvement Examples: Evidence of using data analysis to identify issues and drive improvements in application performance, code quality, or system architecture.

• System Integration: Examples illustrating experience with build tools, bundlers, and integration with backend systems or APIs.

Process Documentation:

• Workflow Design: Ability to document and articulate the process of translating UI/UX requirements into functional code, including steps for design validation and implementation.

• Development Lifecycle: Clear understanding and ability to describe participation in the Software Development Life Cycle (SDLC) and agile methodologies, including CI/CD pipelines.

• Performance Analysis: Documentation of how data analysis and feedback loops are used to measure and improve application performance and user experience.

📝 Enhancement Note: For a "React Software Engineer III" role, a portfolio should emphasize practical application. Candidates should be prepared to walk through their code, explain design decisions, and articulate the impact of their contributions. Demonstrating experience with component libraries and design systems is crucial for consistent UI/UX implementation.

💵 Compensation & Benefits

Salary Range:

• For a React Software Engineer III role with 3+ years of experience in Chicago, IL, a typical salary range would be approximately $110,000 - $150,000 annually. This range can vary based on specific skill sets, performance during the interview process, and the candidate's negotiation.

• Methodology: This estimate is based on industry benchmarks for mid-to-senior level software engineers in major US tech hubs like Chicago, considering roles involving React, TypeScript, and enterprise-level application development. Data sources include industry salary reports and compensation aggregators for similar roles at large financial institutions.

Benefits:

• Comprehensive Health Insurance: Medical, dental, and vision coverage.

• Retirement Savings Plan: 401(k) plan with company match.

• Paid Time Off: Generous vacation, sick leave, and paid holidays.

• Professional Development: Opportunities for training, certifications, and attending industry conferences.

• Employee Assistance Programs: Support for mental health and well-being.

• Life and Disability Insurance: Standard coverage options.

• Potential for Bonuses: Performance-based bonuses may be offered.

Working Hours:

• Standard full-time workweek, typically 40 hours.

• Flexibility may be offered depending on team needs and project deadlines, but the role is designated as on-site.

📝 Enhancement Note: JPMorgan Chase, as a large financial institution, typically offers a robust benefits package. The salary range is an estimate and can fluctuate. Candidates should inquire about specific details during the recruitment process.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Technology (FinTech)

Company Size: Large Enterprise (JPMorgan Chase is one of the world's largest banks, employing hundreds of thousands globally).

Founded: 2000 (JPMorgan Chase & Co. as it exists today).

Team Structure:

• Payments Trust & Safety Technology: This team likely operates within a larger technology division, focusing on the security, integrity, and reliability of payment systems.

• Agile Pods: Expect to work within small, cross-functional, agile teams (pods) comprising engineers, product managers, designers, and potentially QA specialists.

• Reporting: The role likely reports to a Software Engineering Manager or a Technical Lead within the Payments Trust & Safety domain.

Methodology:

• Agile & DevOps: JPMorgan Chase heavily utilizes agile methodologies (Scrum, Kanban) and DevOps practices to ensure rapid, iterative development and deployment.

• Data-Driven Decision Making: Emphasis on using data analysis to inform development choices, identify risks, and measure the impact of new features and system improvements.

• Security-First Approach: Given the industry and team focus, security best practices are embedded throughout the development lifecycle.

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

📝 Enhancement Note: JPMorgan Chase's culture blends the stability and rigor of a large financial institution with the innovation and agility of a technology company. Expect a focus on compliance, security, and robust engineering practices.

📈 Career & Growth Analysis

Operations Career Level: React Software Engineer III is positioned as a mid-level to senior individual contributor role. It signifies a level of technical expertise where engineers are expected to handle complex tasks independently, contribute to architectural decisions, and mentor junior team members.

Reporting Structure: This role will report to a manager within the Technology department, likely specializing in Payments or Trust & Safety. Collaboration will be extensive with product managers, designers, and other engineers across various teams.

Operations Impact: The engineer's work directly impacts the security, stability, and user experience of critical payment systems. By building and maintaining robust front-end applications, they contribute to customer trust, operational efficiency, and the overall success of JPMorgan Chase's payment services.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, front-end architecture, and potentially explore advanced areas like Generative AI for UI/UX.

• Leadership Track: Progress to Senior Software Engineer, Lead Engineer, or Architect roles, taking on more complex projects and guiding technical direction.

• Management Track: Transition into Engineering Management roles, leading teams and focusing on people development and project delivery.

• Cross-Functional Mobility: Opportunities to move into related roles within product management, architecture, or other specialized technology domains within the firm.

📝 Enhancement Note: JPMorgan Chase, as a large corporation, offers structured career paths. The "III" designation implies a solid foundation with room for significant growth. The emphasis on "Payments Trust & Safety" suggests a domain with high impact and continuous evolution, offering ample opportunities for skill development.

🌐 Work Environment

Office Type: On-site role at a JPMorgan Chase office in Chicago. These offices typically offer modern amenities, collaborative workspaces, and secure networking environments.

Office Location(s): Chicago, Illinois. Specific office building details would be provided by the hiring team.

Workspace Context:

• Collaborative Spaces: Access to meeting rooms, team areas, and open spaces designed for collaboration and brainstorming.

• Technology Infrastructure: High-speed internet, secure network access, and standard corporate IT equipment.

• Team Interaction: Regular in-person interaction with team members, fostering strong working relationships and facilitating real-time problem-solving.

Work Schedule:

• Primarily standard business hours (e.g., 9 AM to 5 PM local time), but may require occasional flexibility for critical deployments, urgent issue resolution, or cross-time-zone collaboration.

📝 Enhancement Note: On-site roles in large financial institutions often prioritize security and structured work environments. Candidates should expect a professional atmosphere with a strong emphasis on team collaboration and adherence to corporate policies.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter call to assess basic qualifications, cultural fit, and salary expectations.

• Technical Screening: A call with a hiring manager or senior engineer to discuss experience, technical skills, and problem-solving approaches.

This may involve live coding or theoretical questions.

• On-Site/Virtual Interviews: A series of interviews (typically 3-5 rounds) with different team members. These will likely include:

  • Coding Challenges: Live coding exercises focused on React, TypeScript, data structures, and algorithms.
  • System Design: Discussions and whiteboard exercises on designing scalable and robust front-end architectures.
  • Behavioral Questions: Assessing teamwork, communication, problem-solving under pressure, and alignment with company values.
  • UI/UX Translation: Scenarios where you'll explain how you'd implement a given design.

• Final Round: Potentially a discussion with a senior leader or architect.

Portfolio Review Tips:

• Curated Selection: Choose 2-3 of your strongest projects that best demonstrate your React, TypeScript, UI/UX, and system design skills.

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific contributions, the technologies used, and the measurable outcomes (e.g., performance improvements, user adoption, issue reduction).

• Code Quality: Ensure any code samples are clean, well-commented, and follow best practices. If possible, use a public repository (e.g., GitHub).

• Design System Experience: Highlight specific examples of working with or contributing to component libraries or design systems.

• Data-Driven Improvements: Be ready to discuss instances where you used data analysis to inform your development decisions or improve application performance.

Challenge Preparation:

• React & TypeScript Fundamentals: Brush up on core concepts, hooks, state management, component lifecycle, and performance optimization.

• Algorithm & Data Structures: Practice common coding interview problems.

• System Design: Study principles of scalable web application architecture, API design, and front-end performance optimization.

• Behavioral: Prepare STAR method (Situation, Task, Action, Result) responses for common behavioral questions.

• Company Research: Understand JPMorgan Chase's business, its role in financial technology, and the Payments Trust & Safety domain.

📝 Enhancement Note: While the job description doesn't explicitly mention a portfolio requirement, for a "III" level role, having accessible project examples or a GitHub profile is highly recommended. Be prepared to discuss your contributions in detail.

🛠 Tools & Technology Stack

Primary Tools:

• React: Core JavaScript library for building user interfaces.

• TypeScript: A superset of JavaScript that adds static typing, enhancing code quality and maintainability.

• Version Control: Git, likely integrated with platforms like GitHub, GitLab, or Bitbucket.

• Build Tools/Bundlers: Webpack, Vite, or similar tools for efficient code bundling and optimization.

• Package Managers: npm or Yarn.

Analytics & Reporting:

• Browser Developer Tools: For debugging and performance analysis.

• Analytics Platforms: Potentially Google Analytics, Adobe Analytics, or internal JPMC analytics tools for tracking user behavior and application performance.

• Data Visualization Tools: Internal tools or libraries for creating dashboards and reports from collected data.

CRM & Automation:

• While primarily a front-end role, understanding how front-end applications interact with backend CRM systems and automation workflows is beneficial. Specific tools are not listed but expect integration with enterprise-level systems.

📝 Enhancement Note: The core stack is React and TypeScript. Proficiency in related tools like Webpack/Vite, Git, and npm/Yarn is essential. Familiarity with modern front-end development practices and debugging tools is assumed.

👥 Team Culture & Values

Operations Values:

• Security & Trust: Paramount importance given the financial services context and the team's focus on "Trust & Safety."

• Innovation: Encouraging the exploration of new technologies (like Gen AI) to improve products and processes.

• Collaboration: Working effectively within agile teams and across departments to achieve common goals.

• Accountability: Taking ownership of code quality, system stability, and project delivery.

• Continuous Improvement: A commitment to using data and feedback to enhance applications and development practices.

Collaboration Style:

• Agile Teamwork: Close collaboration within a dedicated agile team, involving daily stand-ups, sprint planning, and retrospectives.

• Cross-Functional: Working closely with product managers, UX/UI designers, backend engineers, and QA testers.

• Knowledge Sharing: Active participation in code reviews, team discussions, and potentially internal tech talks or communities of practice.

📝 Enhancement Note: JPMorgan Chase emphasizes integrity, client focus, and a commitment to excellence. For engineers, this translates to a focus on building reliable, secure, and high-quality solutions, with a strong emphasis on teamwork and following established processes.

⚡ Challenges & Growth Opportunities

Challenges:

• Scale & Complexity: Working with large-scale, complex financial systems that require high levels of reliability and security.

• Legacy Systems Integration: Potentially integrating modern front-end applications with existing enterprise or legacy backend systems.

• Balancing Innovation with Stability: Implementing new technologies (like Gen AI) while maintaining the stability and security of critical payment platforms.

• Data Volume & Analysis: Handling and deriving meaningful insights from vast amounts of data generated by payment systems.

Learning & Development Opportunities:

• Advanced React/TypeScript: Deepen expertise through internal training, workshops, and complex project work.

• Generative AI Exposure: Opportunities to learn about and potentially apply Gen AI concepts in front-end development or related areas.

• Financial Technology Domain: Gaining in-depth knowledge of payment systems, financial regulations, and trust/safety mechanisms.

• Cloud Technologies: Exposure to cloud platforms if the team utilizes them for development or deployment.

• Leadership Development: Potential for mentorship programs and leadership training for aspiring technical leads or managers.

📝 Enhancement Note: The challenges are typical for senior engineers in large, regulated industries. The growth opportunities are significant due to the company's size and investment in technology and employee development.

💡 Interview Preparation

Strategy Questions:

• Technical Depth: Be ready to explain your rationale behind React architectural decisions, component design patterns, state management strategies, and TypeScript usage. Expect questions on performance optimization techniques for React applications.

• Problem Solving: Prepare to discuss how you approach debugging complex issues in a large codebase, analyze data to identify root causes of problems, and translate abstract requirements (like UI/UX designs) into concrete code.

• System Design: Practice designing a scalable front-end application, considering aspects like component reusability, API integration, client-side state management, and performance.

Company & Culture Questions:

• JPMC's Role: Research JPMorgan Chase's position in the financial services industry and its commitment to technology and innovation.

• Payments Trust & Safety: Understand the importance of security, fraud prevention, and user trust in payment systems.

• Team Collaboration: Prepare examples of how you've collaborated with designers, product managers, and other engineers, and how you contribute to a positive team environment.

• Handling Ambiguity: Think about how you approach tasks when requirements are not fully defined or when dealing with complex, evolving systems.

Portfolio Presentation Strategy:

• Structured Walkthrough: For each project presented, follow a clear narrative: problem statement, your solution (technical details), key challenges overcome, and quantifiable results.

• Code Explanation: Be prepared to discuss specific code snippets, explaining your design choices, patterns used, and why you chose certain approaches (e.g., specific React hooks, TypeScript configurations).

• UI/UX Focus: Demonstrate how your work translated designs into functional, responsive interfaces, and how you ensured a good user experience.

• Data Integration: If applicable, explain how your application interacted with data sources or how you utilized data to improve functionality or user experience.

📝 Enhancement Note: The interview process will likely be rigorous, focusing on both technical proficiency and the ability to apply those skills within a structured, enterprise environment. Emphasize your ability to write clean, maintainable, and secure code.

📌 Application Steps

To apply for this React Software Engineer III position:

• Submit your application through the JPMorgan Chase careers portal via the provided link.

• Resume Optimization: Tailor your resume to highlight your experience with React, TypeScript, UI/UX implementation, system design, and agile methodologies. Quantify achievements wherever possible (e.g., "Improved application load time by 15%").

• Portfolio Preparation: Prepare a concise portfolio or GitHub profile showcasing your best React/TypeScript projects, emphasizing clean code, design system usage, and problem-solving examples. Be ready to discuss your contributions in detail.

• Technical Skill Refresh: Review core JavaScript, React, TypeScript concepts, common algorithms, and system design principles. Practice live coding exercises.

• Company Research: Familiarize yourself with JPMorgan Chase, its technology initiatives, and the specific domain of Payments Trust & Safety Technology.

⚠️ 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.