React UI Developer

📍 Job Overview

Job Title: React UI Developer

Company: Citi

Location: Pune, Maharashtra, India

Job Type: FULL_TIME

Category: Technology / Applications Development

Date Posted: June 11, 2026

Experience Level: 5-10 years

Remote Status: Hybrid

🚀 Role Summary

• Design, develop, and maintain responsive, user-friendly web applications using React.js and its ecosystem, focusing on seamless integration with Java RESTful APIs.

• Pioneer modern solutions by integrating front-end applications with Large Language Models (LLMs), creating intuitive interfaces for AI-powered features.

• Collaborate closely with cross-functional teams, including product managers and UX/UI designers, to translate complex requirements into elegant and efficient user experiences.

• Ensure application scalability, security, and maintainability through adherence to coding standards, code reviews, and architectural discussions, emphasizing a robust software development lifecycle.

📝 Enhancement Note: This role is positioned within Citi's Technology division, specifically in Applications Development, indicating a focus on building and enhancing internal and external software solutions. The emphasis on both traditional Java REST service integration and cutting-edge LLM integration suggests a dynamic environment requiring adaptable developers. The hybrid work arrangement implies a need for strong self-management and communication skills.

📈 Primary Responsibilities

• Develop and maintain high-quality, responsive, and user-friendly web applications using React.js, Redux, Context API, and React Router.

• Collaborate with back-end developers to integrate front-end applications with Java RESTful APIs, ensuring efficient data exchange and robust error handling.

• Implement pixel-perfect UIs from design mockups and wireframes, ensuring cross-browser compatibility and optimal performance across various devices.

• Design and build intuitive user interfaces for modern applications that interact with LLM-powered solutions, including chat interfaces, data visualization, and interactive AI outputs.

• Work closely with product managers, UX/UI designers, and other stakeholders to understand requirements and translate them into technical specifications and elegant user experiences.

• Ensure application scalability, security, and maintainability by adhering to coding standards, performing code reviews, and contributing to architectural discussions.

• Implement and maintain unit, integration, and end-to-end tests to ensure the reliability and quality of the applications.

• Optimize front-end performance for speed and responsiveness, addressing issues like load times, rendering, and interactivity.

• Stay up-to-date with emerging front-end technologies, React.js advancements, and best practices in UI/UX design.

• Participate in the entire software development lifecycle, from concept and design to testing and deployment.

📝 Enhancement Note: The responsibilities highlight a full-stack front-end development role. The explicit mention of LLM integration is a key differentiator, requiring developers to be comfortable with emerging AI technologies and their application in user interfaces. The emphasis on testing and performance optimization indicates a mature development process focused on quality and user satisfaction.

🎓 Skills & Qualifications

Education: Bachelor's degree in Computer Science, Software Engineering, or a related field, or equivalent practical experience.

Experience: 5+ years of professional experience in front-end web development, with significant experience in React.js.

Required Skills:

• Strong proficiency in JavaScript (ES6+), HTML5, and CSS3.

• Demonstrable experience with modern CSS frameworks or preprocessors (e.g., SASS, styled-components, Tailwind CSS).

• Proven experience integrating front-end applications with back-end Java RESTful services.

• Familiarity with state management libraries (e.g., Redux, Zustand) and client-side routing (e.g., React Router).

• Experience with version control systems, specifically Git.

• Solid understanding of modern web development build tools (e.g., Webpack, Vite).

• Ability to debug complex front-end issues and optimize application performance.

• Excellent problem-solving skills, attention to detail, and a commitment to writing clean, maintainable code.

• Strong communication and collaboration skills, essential for working in a hybrid team environment. Preferred Skills:

• Experience with LLM integration or building interfaces for AI-powered features.

• Familiarity with TypeScript for enhanced JavaScript development.

• Experience with modern state management solutions like Zustand.

• Knowledge of CI/CD pipelines and deployment strategies.

• Understanding of UI/UX design principles and best practices.

📝 Enhancement Note: The "5+ years" experience and the requirement for specific technologies like Redux, Java RESTful APIs, and modern build tools suggest this role is for a mid-to-senior level React Developer. The preferred skills point towards a forward-thinking development team that values modern practices and emerging technologies like LLMs.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate projects showcasing proficiency in React.js, including complex component structures and state management.

• Include examples of integrating front-end applications with back-end services (ideally RESTful APIs).

• Showcase responsive design implementation across various devices and screen sizes.

• Highlight any projects involving AI/ML interfaces, data visualization, or complex interactive elements if available, to align with the LLM integration aspect.

• Provide evidence of code quality through links to public repositories (e.g., GitHub) or well-documented code samples. Process Documentation:

• For each project, be prepared to describe the development methodology used (e.g., Agile, Scrum).

• Detail the process of translating design mockups and requirements into functional UI components.

• Explain your approach to testing (unit, integration, end-to-end) and how you ensure code quality and application reliability.

• Be ready to discuss your debugging process and performance optimization strategies.

📝 Enhancement Note: For a React UI Developer role, especially one involving LLM integrations, a portfolio should clearly illustrate practical application of React concepts, API integration, and a commitment to robust development practices. The ability to articulate the "how" and "why" behind design and implementation choices is crucial, especially when discussing performance and testing.

💵 Compensation & Benefits

Salary Range: Given the location (Pune, India), experience level (5-10 years), and the company's stature (Citi, a major financial institution), a competitive salary range for a React UI Developer would typically fall between ₹15,00,000 to ₹30,00,000 per annum. This range is an estimate based on industry benchmarks for experienced developers in major Indian tech hubs, considering the specialized skills in React and LLM integration.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.

• Retirement savings plans and provident fund contributions.

• Paid time off, including vacation days, sick leave, and public holidays.

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

• Employee assistance programs offering confidential counseling and support services.

• Potential for performance-based bonuses and stock options/grants.

• Access to Citi's global network and employee resource groups.

Working Hours: 40 hours per week, with a hybrid work arrangement. Standard business hours are expected, with flexibility potentially available based on project needs and team agreements.

📝 Enhancement Note: The estimated salary range is based on current market data for senior React Developers in India, factoring in Citi's position as a global financial services leader. Benefits are standard for large multinational corporations and are designed to support employee well-being and long-term career growth.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Banking Technology. Citi operates at the intersection of finance and technology, driving innovation to serve its global customer base. This context means a strong emphasis on security, compliance, and reliability, alongside a drive for digital transformation.

Company Size: Citi is a global financial services corporation with hundreds of thousands of employees worldwide. This large scale implies structured processes, extensive resources, and opportunities for global collaboration.

Founded: Citi was founded in 1812, bringing a legacy of stability and extensive experience in the financial sector. This long history suggests a culture that values tradition and resilience, while actively embracing technological advancements to remain competitive.

Team Structure:

• The Applications Development team is likely a substantial part of Citi's Technology division, comprising various specializations. This React UI Developer role will be part of a team focused on front-end development, possibly within a larger project team that includes back-end developers, QA engineers, product owners, and project managers.

• The reporting structure will likely follow a standard corporate hierarchy, where a Lead Developer or Engineering Manager oversees a group of developers.

• Cross-functional collaboration is critical, especially with Java developers for API integration and UX/UI designers for translating requirements into functional interfaces. The hybrid model necessitates proactive communication and shared understanding of project goals. Methodology:

• Data analysis and insights are paramount in financial services; expect a data-driven approach to understanding user behavior, application performance, and business impact.

• Workflow planning and optimization will likely follow Agile methodologies (Scrum or Kanban) to ensure iterative development and continuous feedback.

• Automation and efficiency practices will be key, particularly in testing, deployment, and potentially in leveraging LLMs for developer productivity or user-facing features.

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

📝 Enhancement Note: Working at a financial institution like Citi means operating within a highly regulated environment. Developers must be mindful of security protocols, data privacy, and compliance requirements. The hybrid work arrangement and large company size suggest a need for strong organizational skills and the ability to navigate corporate structures.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-to-Senior level React UI Developer. It requires significant independent contribution, the ability to mentor junior developers, and participation in architectural discussions. The scope includes end-to-end feature development, from concept to deployment, with a focus on technical excellence and innovative solutions.

Reporting Structure: The developer will likely report to a Lead UI Developer, an Engineering Manager, or a similar technical leadership role within the Applications Development group. They will collaborate closely with product managers, UX/UI designers, and back-end engineering teams.

Operations Impact: The impact of this role extends to enhancing user experience across Citi's digital platforms, improving operational efficiency through well-designed interfaces, and contributing to the adoption of new technologies like LLMs. Successful UI development directly influences customer satisfaction, employee productivity, and the company's competitive edge in the digital financial landscape.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React.js, explore advanced JavaScript concepts, or specialize in front-end performance optimization and accessibility.

• Emerging Technologies: Gain hands-on experience with LLMs, AI integration, and other cutting-edge technologies, positioning for future roles in AI-driven application development.

• Leadership Development: Progress into roles such as Senior React Developer, Tech Lead, or Engineering Manager, involving team leadership, project management, and architectural decision-making.

• Cross-functional Exposure: Develop a broader understanding of the financial services industry and application development lifecycle by collaborating across different technology and business units.

• Global Mobility: Leverage Citi's international presence for potential opportunities in different regions or on global projects.

📝 Enhancement Note: The explicit mention of LLM integration points to a strategic growth area for Citi. Developers who excel in this role can position themselves for future opportunities in AI-focused product development within the company. The hybrid nature also offers flexibility, which can be a key factor for career satisfaction.

🌐 Work Environment

Office Type: Hybrid work environment. This means a combination of working from the Citi office in Pune and remote work. The office space is likely designed for collaboration, with meeting rooms, hot-desking areas, and dedicated team spaces.

Office Location(s): TOWER B, EON FREE ZONE II, Pune, Maharashtra, India. This location is in a prominent business district, likely offering good connectivity and access to amenities.

Workspace Context:

• The office environment will foster collaboration through shared physical spaces, encouraging team interaction and spontaneous problem-solving.

• Access to standard developer tools, high-speed internet, and potentially specialized hardware or software required for development and testing.

• Opportunities for direct interaction with team members, managers, and stakeholders, facilitating quick feedback loops and effective communication.

Work Schedule: The standard work schedule is 40 hours per week. The hybrid model allows for flexibility in balancing office and remote work days, though specific requirements for office attendance will be communicated by the hiring team. Core working hours will likely be observed to ensure team synchronization.

📝 Enhancement Note: The hybrid arrangement is a significant aspect of the work environment. Candidates should be comfortable with a mix of in-office and remote work, possessing strong self-discipline and communication skills to thrive in this setup. The EON Free Zone II location suggests a modern business park environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will conduct an initial phone screen to assess basic qualifications, experience, and cultural fit. Be prepared to articulate your experience with React, JavaScript, and your understanding of the role's responsibilities.

• Technical Assessment: This may involve a coding challenge (live or take-home) focusing on React.js, JavaScript, and problem-solving skills. Expect questions related to component design, state management, and API integration.

• Technical Interview(s): In-depth discussions with senior developers or architects. This stage will likely involve deep dives into your portfolio projects, technical problem-solving scenarios, and discussions on best practices in front-end development, including performance optimization and testing strategies.

• Behavioral/Cultural Fit Interview: An interview with a hiring manager or team lead to assess your communication skills, teamwork ability, and alignment with Citi's values. Questions will focus on how you handle challenges, collaborate with teams, and contribute to a positive work environment.

• Final Round: Potentially a discussion with a senior leader or director to confirm fit and discuss career aspirations.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your strongest projects that best showcase your React.js expertise, API integration capabilities, and any experience with LLMs or complex UIs.

• Code Quality: Ensure your code is clean, well-documented, and organized. Public repositories (e.g.,

GitHub) are highly recommended.

• Context is Key: For each project, be prepared to walk through:

  • The problem statement or business goal.
  • Your role and specific contributions.
  • The technologies used and why.
  • Key technical challenges faced and how you overcame them (e.g., performance bottlenecks, complex integrations).
  • The outcome or impact of the project.

• LLM/AI Focus: If you have any projects involving AI, ML, or LLMs, highlight them prominently. Explain how you integrated these technologies and the user experience benefits they provided.

• Performance & Testing: Be ready to discuss your approach to front-end performance optimization and your testing strategies (unit, integration, end-to-end).

Challenge Preparation:

• Algorithmic Thinking: Practice common front-end coding challenges, focusing on JavaScript fundamentals, data structures, and algorithms.

• React Concepts: Thoroughly review core React concepts, including hooks, context API, state management patterns, and component lifecycle.

• API Integration: Be prepared to simulate API calls and handle responses in a React component.

• Problem Decomposition: Practice breaking down complex problems into smaller, manageable parts.

• Communication: Clearly articulate your thought process during coding challenges, explaining your approach and rationale.

📝 Enhancement Note: The interview process is likely rigorous, reflecting Citi's standards. A strong portfolio demonstrating practical application of React and ideally some exposure to AI/LLM concepts will be critical. The ability to discuss technical challenges and solutions in detail is key.

🛠 Tools & Technology Stack

Primary Tools:

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

• JavaScript (ES6+): Essential for front-end logic.

• HTML5 & CSS3: For structuring and styling web pages.

• State Management Libraries: Redux, Zustand, or Context API for managing application state effectively.

• React Router: For navigation within single-page applications.

• Version Control: Git for collaborative development and code management.

Analytics & Reporting:

• Web Analytics Tools: Potentially Google Analytics or similar for tracking user behavior and application performance.

• Performance Monitoring Tools: Tools integrated into browsers or specialized libraries for optimizing load times and rendering.

• Dashboarding Tools: May be used internally for tracking key development metrics.

CRM & Automation:

• While not directly a CRM role, understanding how front-end applications interact with back-end systems that manage customer data is beneficial.

• Build Tools: Webpack or Vite for bundling, transpiling, and optimizing front-end assets.

• Testing Frameworks: Jest, React Testing Library, or Cypress for unit, integration, and end-to-end testing.

Emerging Technologies:

• LLM Integration: Experience or familiarity with APIs and SDKs for interacting with Large Language Models.

• TypeScript: Increasingly adopted for enhanced type safety and maintainability in large JavaScript projects.

• Modern CSS: Tailwind CSS, styled-components, or SASS for efficient and scalable styling.

📝 Enhancement Note: The technology stack emphasizes modern front-end development practices. Proficiency in React and its ecosystem is paramount. The mention of LLMs indicates a forward-looking approach to technology adoption. Familiarity with testing frameworks and build tools is crucial for efficient development and deployment cycles.

👥 Team Culture & Values

Operations Values:

• Integrity: Upholding the highest ethical standards in all actions, crucial in the financial services industry.

• Client Focus: Prioritizing the needs of internal and external clients by delivering high-quality, user-centric solutions.

• Innovation: Embracing new technologies and methodologies, such as LLM integration, to drive efficiency and develop cutting-edge applications.

• Excellence: Striving for high performance, reliability, and maintainability in all code and development processes.

• Collaboration: Working effectively in cross-functional teams, fostering open communication and knowledge sharing.

Collaboration Style:

• Cross-functional Integration: Expect to work closely with back-end developers, UX/UI designers, product managers, and potentially data scientists or AI specialists. Communication will be key, especially in a hybrid setting.

• Process Review Culture: Regular code reviews and participation in Agile ceremonies (stand-ups, sprint planning, retrospectives) will foster continuous improvement and knowledge sharing.

• Knowledge Sharing: Encouraging the sharing of best practices, new techniques, and lessons learned through internal documentation, team meetings, or informal discussions.

📝 Enhancement Note: Citi's culture likely balances a strong sense of corporate responsibility and stability with a drive for technological innovation. Developers are expected to be both meticulous in their work and adaptable to new challenges, particularly those presented by emerging technologies like LLMs.

⚡ Challenges & Growth Opportunities

Challenges:

• LLM Integration Complexity: Integrating LLMs into existing or new applications can present unique challenges related to API performance, data privacy, prompt engineering, and managing AI model outputs.

• Scalability & Performance: Ensuring that front-end applications remain performant and scalable as user bases and data volumes grow, especially within a large financial institution.

• Hybrid Work Dynamics: Effectively collaborating and maintaining team cohesion in a hybrid work environment requires strong communication and self-management skills.

• Keeping Pace with Technology: The rapid evolution of front-end technologies, including React and associated libraries, requires continuous learning and adaptation.

Learning & Development Opportunities:

• Advanced React Training: Opportunities to deepen expertise in React, explore server components, or advanced state management patterns.

• AI/ML Fundamentals: Access to training resources to understand AI/ML concepts and how to effectively integrate them into applications.

• Financial Technology Exposure: Gaining insights into the specific challenges and opportunities within the FinTech space.

• Leadership and Mentorship Programs: Pathways to develop leadership skills and mentor junior developers.

• Industry Certifications: Support for obtaining relevant certifications in cloud technologies, development practices, or specific tools.

📝 Enhancement Note: The primary challenge and growth opportunity lies in mastering the integration of LLMs within a secure and robust financial services environment. Developers who can navigate this complex landscape will be highly valuable.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI you built using React.js and how you approached its state management and component architecture. How did you ensure it was scalable and maintainable?"

• "Walk me through a project where you integrated a front-end application with a back-end API. What were the key challenges and how did you handle error scenarios and data synchronization?"

• "How would you approach designing a user interface for an AI-powered chatbot or a feature that generates content using an LLM? What are the key considerations for user experience and error handling?"

• "Describe a time you had to optimize the performance of a React application. What tools and techniques did you use, and what was the impact?"

• "How do you stay updated with the latest trends and best practices in front-end development, particularly with React and related technologies?" Company & Culture Questions:

• "What interests you about working at Citi, and specifically in this React UI Developer role?"

• "How do you approach collaboration within a hybrid team environment, and what strategies do you use to ensure effective communication?"

• "Citi operates in the financial services industry. What are your thoughts on the importance of security and compliance in front-end development?"

• "Describe a situation where you had to adapt to a significant change in project requirements or technology stack." Portfolio Presentation Strategy:

• Storytelling: Frame your portfolio projects as narratives – the problem, your solution, the challenges, and the impact.

• Technical Depth: Be ready to drill down into specific code examples, architectural decisions, and implementation details.

• LLM/AI Focus: If applicable, clearly explain your LLM integration strategy, the benefits derived, and any specific technical hurdles overcome.

• Metrics: Quantify your achievements whenever possible (e.g., "improved load time by X%", "reduced bugs by Y%", "enabled Z new features").

• Conciseness: Be mindful of time. Prepare a concise overview and be ready to elaborate on specific aspects as requested.

📝 Enhancement Note: Candidates should prepare to discuss both foundational React skills and their adaptability to newer technologies like LLMs. Demonstrating problem-solving abilities, collaborative spirit, and an understanding of the financial services context will be crucial.

📌 Application Steps

To apply for this React UI Developer position:

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

• Portfolio Customization: Curate your portfolio to prominently feature your strongest React.js projects, emphasizing API integrations and any relevant LLM/AI interface experience. Be prepared to walk through 2-3 key projects in detail.

• Resume Optimization: Tailor your resume to highlight your 5+ years of front-end experience, specific React.js skills, JavaScript proficiency, and any experience with Java RESTful APIs or LLM integrations. Use keywords from the job description.

• Interview Preparation: Practice answering technical and behavioral questions, focusing on explaining your thought process, problem-solving approach, and collaboration style. Review core React concepts and common coding challenge patterns.

• Company Research: Familiarize yourself with Citi's mission, values, and recent technological initiatives, particularly in areas relevant to digital transformation and AI. Understand their position in the financial services industry.

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