React UI Engineer

📍 Job Overview

Job Title: React UI Engineer Company: Weekday AI (Client Role) Location: Jaipur, Rajasthan, India Job Type: CONTRACTOR Category: Frontend Engineering / UI Development Date Posted: November 11, 2025 Experience Level: Mid-Senior Level (6+ years) Remote Status: On-site

🚀 Role Summary

• Design, develop, and implement scalable, high-performance, and visually consistent user interfaces using React.js and modern JavaScript frameworks.
• Integrate seamlessly with backend microservices through robust REST API implementations.
• Collaborate closely with design, product, and backend engineering teams to ensure pixel-perfect execution and cohesive user experiences.
• Optimize application performance through advanced techniques like lazy loading, memoization, and bundle analysis.
• Build and maintain a reusable, component-driven UI library using Storybook for multi-brand applications.

📝 Enhancement Note: While the role is titled "React UI Engineer," the responsibilities and required skills strongly indicate a focus on front-end development with a significant emphasis on UI architecture, component reusability, and integration with backend services. The "Contractor" employment type suggests a project-based engagement, potentially with a defined scope and duration.

📈 Primary Responsibilities

• Develop and maintain complex, multi-brand user interfaces with a primary focus on React.js, TypeScript, and modern JavaScript (ES6+).
• Implement efficient state management and API data handling using Redux Toolkit (Slices & RTK Query).
• Create and document reusable UI components within Storybook, ensuring adherence to design specifications and accessibility standards.
• Integrate front-end applications with microservices-based backend architectures via REST APIs.
• Write comprehensive unit and component tests using Jest and React Testing Library to ensure code quality and application stability.
• Collaborate effectively with UI/UX designers (using Figma) and backend engineers to translate design mockups into functional, high-fidelity user interfaces.
• Proactively identify and implement performance optimizations, including lazy loading, memoization, virtualization, and bundle analysis.
• Utilize UI frameworks like Material UI and apply responsive design principles and CSS-in-JS patterns for consistent styling.
• Manage code effectively through Git workflows and contribute to CI/CD pipeline development and maintenance.
• Ensure all developed interfaces comply with accessibility standards (ADA/WCAG) and leverage semantic HTML and ARIA practices.
• Contribute to the development of internationalized (i18n) or multi-brand applications.

📝 Enhancement Note: The responsibilities highlight a need for a seasoned front-end engineer comfortable with end-to-end UI development lifecycle, from component creation and state management to integration, testing, and performance tuning. The emphasis on multi-brand and internationalization suggests experience with complex, scalable front-end architectures.

🎓 Skills & Qualifications

Education: While no specific degree is mentioned, a Bachelor's degree in Computer Science, Engineering, or a related field, or equivalent practical experience, is typically expected for this level of role.

Experience: Minimum of 6 years of hands-on experience in front-end engineering, with a strong specialization in React.js development.

Required Skills:

• React.js, TypeScript & Modern JavaScript (ES6+): Proven ability to build modular, efficient, and maintainable UI components.
• Redux Toolkit (Slices & RTK Query): Expertise in managing complex application state and efficiently handling API data.
• Storybook: Demonstrated experience in building, documenting, and maintaining component libraries.
• REST API Integrations: Proficient in consuming and integrating with microservices-based backend systems.
• Testing Frameworks: Strong experience with Jest and React Testing Library for unit and component testing.
• Design Collaboration: Ability to work effectively with Figma designs and coordinate with design and backend teams for precise implementation.
• Performance Optimization: Deep understanding and practical application of techniques like lazy loading, memoization, virtualization, and bundle analysis.
• UI Frameworks & Styling: Skilled in Material UI, responsive design principles, and CSS-in-JS solutions.
• DevOps & Tooling: Proficiency in Git, CI/CD pipelines, build tools (Webpack/Vite), and browser developer tools.
• Accessibility (A11y): Solid understanding of ADA/WCAG guidelines, semantic HTML, and ARIA attributes.
• Internationalization (i18n): Experience in developing applications supporting multiple brands or languages.

Preferred Skills:

• Experience with other state management libraries (e.g., Zustand, Jotai).
• Familiarity with server-side rendering (SSR) or static site generation (SSG) frameworks (e.g., Next.js, Remix).
• Exposure to GraphQL for API integration.
• Understanding of backend development concepts or experience with Node.js.
• Knowledge of performance monitoring tools.

📝 Enhancement Note: The "Must-Have Skills" list is extensive and highly specific, indicating a need for a candidate with deep expertise in modern front-end development practices and tooling. The 6-year minimum experience requirement aligns with the breadth and depth of these skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable examples of complex UI components built with React.js and TypeScript.
• Case studies showcasing performance optimization strategies and their impact on application speed and user experience.
• Prototypes or live applications featuring robust state management (Redux Toolkit) and API integrations.
• Contributions to or examples of component libraries built with Storybook.
• Evidence of implementing accessible (A11y) and responsive designs.

Process Documentation:

• Clear documentation of your approach to component development and reusability.
• Examples of how you have collaborated with design and backend teams to ensure seamless implementation.
• Walkthroughs of your testing strategies for UI components and integrations.
• Explanations of your process for identifying and resolving performance bottlenecks.

📝 Enhancement Note: For a UI Engineer role, a strong portfolio is paramount. Candidates should be prepared to showcase not just finished products but also the process behind their development, emphasizing problem-solving, collaboration, and technical execution. The portfolio should highlight proficiency in the listed "Must-Have" skills.

💵 Compensation & Benefits

Salary Range: Rs 800,000 - Rs 1,520,000 per annum (INR 8 - 15.2 LPA)

Benefits: As this is a contractor role through Weekday AI for a client, benefits are typically managed through the contracting agency or directly by the client if they offer specific perks. Common benefits for contract roles may include:

• Competitive hourly or project-based pay.
• Potential for contract extension or conversion to full-time.
• Opportunities to work on cutting-edge projects with established companies.

Working Hours: Approximately 40 hours per week.

📝 Enhancement Note: The provided salary range (INR 8-15.2 LPA) is specific to the Indian market and for a mid-to-senior level React UI Engineer role with 6+ years of experience. This range is competitive for experienced front-end developers in major Indian tech hubs. The contractor status means standard employee benefits like health insurance, paid time off, and retirement plans might not be included, but the salary range is intended to compensate for this.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI / Technology (Client's Industry) Company Size: Not specified (as this is a client role, Weekday AI acts as an intermediary) Founded: Not specified for the client company.

Team Structure:

• The React UI Engineer will likely join a dedicated front-end development team or a cross-functional product team.
• Reporting structure is expected to be to a Front-end Lead, Engineering Manager, or a Product Manager, depending on the client's organization.
• Close collaboration with UI/UX designers, backend engineers, and product managers is a key aspect of the team dynamic.

Methodology:

• Agile development methodologies (Scrum, Kanban) are highly probable, given the focus on iterative development and collaboration.
• Emphasis on code reviews, automated testing, and CI/CD for efficient and reliable software delivery.
• Data-driven decision-making for performance optimization and feature development.

Company Website: Weekday AI: https://weekday.works/ (for Weekday AI itself, not the client)

📝 Enhancement Note: As this is a role for a client of Weekday AI, specific details about the client's culture, size, and industry are not provided. However, the role's requirements suggest a fast-paced, tech-focused environment that values collaboration, modern development practices, and high-quality UI implementation.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior to Senior level within the front-end engineering discipline. It requires a significant depth of technical knowledge and practical experience, along with the ability to mentor or guide less experienced team members indirectly through code and best practices.

Reporting Structure: Typically reports to a Front-end Team Lead, Engineering Manager, or a Product Manager. May also work closely with Architects or Senior Engineers on technical direction.

Operations Impact: The React UI Engineer directly impacts user experience, product adoption, and brand perception through the quality and performance of the interfaces they build. Their work is critical for translating business requirements and design visions into tangible, user-facing features that drive engagement and conversion.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, performance optimization, accessibility, or explore adjacent areas like UI architecture or front-end DevOps.
• Project Leadership: Potentially lead specific UI features or components, taking ownership from development to deployment.
• Mentorship: Guide junior engineers through code reviews and best practice sharing.
• Contract Extension/Conversion: Successful performance may lead to longer-term engagements or opportunities for full-time roles within the client company.

📝 Enhancement Note: The growth path for a contractor often involves demonstrating exceptional performance and adaptability, which can lead to longer contracts or opportunities within the client's permanent structure. Technical skill development is a primary avenue for career advancement in this role.

🌐 Work Environment

Office Type: On-site (as specified in the job description). This implies a traditional office setting where collaboration and in-person communication are expected.

Office Location(s): Jaipur, Bhopal, Pune, Gurgaon, Bangalore, Chennai. Candidates are expected to work from one of these specified locations.

Workspace Context:

• A collaborative office environment where engineers work alongside designers, product managers, and other developers.
• Access to necessary development tools, hardware, and potentially a standardized tech stack.
• Opportunities for direct interaction and knowledge sharing with team members.

Work Schedule: Standard full-time work schedule, approximately 40 hours per week. Flexibility might be offered depending on the client's specific policies, but on-site presence is a requirement.

📝 Enhancement Note: The on-site requirement is a key differentiator. Candidates must be willing and able to commute to one of the listed office locations. This environment fosters direct collaboration, which can be beneficial for complex UI development and rapid iteration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with Weekday AI or the client's HR to assess basic qualifications and cultural fit.
• Technical Interview(s): In-depth discussions focusing on React.js, TypeScript, state management, API integration, testing, performance, and accessibility. This may involve live coding exercises, problem-solving scenarios, or deep dives into past projects.
• Portfolio Review: Presentation and discussion of your portfolio, focusing on specific projects that demonstrate the required skills and your problem-solving approach.
• System Design/Architecture Discussion: Potentially a session to discuss how you would approach building complex UI systems or features.
• Final Interview: Meeting with a hiring manager or senior team member to discuss role fit, team dynamics, and finalize the offer.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest projects that best showcase your React, TypeScript, Redux Toolkit, Storybook, and performance optimization skills.
• Highlight Process: For each project, clearly explain the problem, your approach, the technologies used, the challenges faced, and the outcomes achieved (quantify where possible).
• Demonstrate Collaboration: Be ready to discuss how you worked with designers and backend teams.
• Showcase Code Quality: If possible, provide links to GitHub repositories (ensure they are well-documented and clean) or be prepared to discuss code snippets.
• Focus on Impact: Emphasize how your UI work contributed to user experience, performance improvements, or business goals.

Challenge Preparation:

• Live Coding: Practice common React coding challenges, focusing on component creation, state management, and API calls.
• Problem Solving: Be prepared to discuss how you would tackle specific UI development challenges, such as optimizing a slow-loading page or implementing a complex data visualization.
• Technical Deep Dives: Review concepts related to React hooks, component lifecycle, performance debugging, and modern JavaScript features.

📝 Enhancement Note: The portfolio review is critical for UI Engineer roles. Candidates should prepare to articulate their design decisions, technical solutions, and the impact of their work using specific examples from their portfolio.

🛠 Tools & Technology Stack

Primary Tools:

• React.js: Core library for building user interfaces.
• TypeScript: For static typing and enhanced code maintainability.
• Redux Toolkit: For efficient global state management.
• Storybook: For developing, documenting, and testing UI components in isolation.
• Material UI: A popular React UI component library for Material Design.

Analytics & Reporting:

• Browser Developer Tools (Chrome DevTools, Firefox Developer Tools): For debugging, performance profiling, and network inspection.
• Bundle Analysis tools (e.g., Webpack Bundle Analyzer, Vite Visualizer): For optimizing application bundle size.

CRM & Automation:

• Git: Version control system for collaborative development.
• CI/CD Tools (e.g., Jenkins, GitLab CI, GitHub Actions): For automating the build, test, and deployment processes.
• Build Tools (Webpack, Vite): For bundling, transpiling, and optimizing front-end assets.

📝 Enhancement Note: Proficiency across this stack is essential. The emphasis on Redux Toolkit, Storybook, and specific optimization techniques indicates a need for specialized front-end expertise beyond basic React development.

👥 Team Culture & Values

Operations Values:

• Excellence in Craftsmanship: A commitment to building high-quality, performant, and maintainable UI components and applications.
• Collaboration & Communication: Strong emphasis on working effectively with designers, product managers, and backend engineers to achieve shared goals.
• Continuous Learning: Encouragement to stay updated with the latest front-end technologies and best practices.
• User-Centricity: A focus on creating intuitive and accessible user experiences that meet user needs and business objectives.
• Efficiency & Scalability: Designing and implementing solutions that are not only functional but also scalable and performant.

Collaboration Style:

• Cross-functional Integration: Actively participating in team meetings, design reviews, and technical discussions with various departments.
• Open Feedback Culture: Willingness to give and receive constructive feedback on code, designs, and processes.
• Knowledge Sharing: Proactively sharing insights and learnings with team members through documentation, code reviews, or informal discussions.

📝 Enhancement Note: The values point towards a team that prioritizes quality, teamwork, and adaptability. As a contractor, demonstrating alignment with these values will be key to successful integration and performance.

⚡ Challenges & Growth Opportunities

Challenges:

• Complex Multi-Brand Integration: Managing and developing UI elements that need to be consistent yet adaptable across multiple distinct brands or product lines.
• Performance Bottlenecks: Identifying and resolving performance issues in large-scale, complex front-end applications.
• Keeping Pace with Technology: The front-end landscape evolves rapidly; staying current with React ecosystem updates and best practices is an ongoing challenge.
• Balancing Design Fidelity with Technical Constraints: Ensuring pixel-perfect implementation while adhering to performance budgets and technical limitations.

Learning & Development Opportunities:

• Advanced React Patterns: Deepen understanding of concurrent React, hooks, and custom hooks.
• Performance Tuning Mastery: Become an expert in browser rendering, network optimization, and code splitting.
• Accessibility Best Practices: Develop expertise in creating truly inclusive UIs for all users.
• Exposure to Different Tech Stacks: Gain insights into backend services and potentially other front-end frameworks or libraries used by the client.

📝 Enhancement Note: The challenges are typical for senior front-end roles, particularly those involving large-scale applications or multi-brand environments. These challenges also present significant opportunities for professional growth and skill enhancement.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built. What were the technical challenges, and how did you overcome them using React and TypeScript?" (Focus on problem-solving, state management, and reusability).
• "How would you approach optimizing the performance of a slow-loading dashboard with multiple data visualizations?" (Prepare to discuss lazy loading, code splitting, memoization, and data fetching strategies).
• "Walk me through your process for ensuring accessibility (A11y) in your UI development. What tools and techniques do you use?" (Emphasize semantic HTML, ARIA roles, and testing).
• "Explain your experience with Redux Toolkit. How do you manage asynchronous operations and cache data effectively?" (Be ready to discuss RTK Query and slices).

Company & Culture Questions:

• "What interests you about this contract role and the potential client?" (Research Weekday AI and the general AI industry if possible).
• "How do you typically collaborate with designers to ensure pixel-perfect implementation?" (Highlight communication, Figma usage, and feedback loops).
• "Describe a time you disagreed with a design or technical decision. How did you handle it?" (Focus on constructive communication and finding optimal solutions).

Portfolio Presentation Strategy:

• Storytelling: Structure your portfolio presentation around the narrative of each project – the problem, your solution, and the impact.
• Interactive Demo: If possible, prepare a live demo or a screen recording that showcases the key features and responsiveness of your work.
• Code Snippets: Be ready to share or discuss specific code examples that highlight your technical approach, especially for complex components or optimizations.
• Focus on Metrics: Quantify achievements whenever possible (e.g., "improved load time by 30%", "reduced rendering time by X ms").

📝 Enhancement Note: Interviewers will be looking for not just technical proficiency but also your problem-solving approach, communication skills, and ability to integrate into a team environment. A well-prepared portfolio presentation is crucial.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Workable portal.
• Curate Your Portfolio: Select 3-5 key projects that best highlight your React, TypeScript, Redux Toolkit, Storybook, performance optimization, and accessibility skills. Ensure each project has a clear description of the problem, your solution, and the impact.
• Tailor Your Resume: Emphasize your 6+ years of experience, specific achievements in React UI development, and proficiency with the listed "Must-Have" skills. Use keywords from the job description naturally.
• Prepare Your Story: Practice articulating your experience and portfolio projects concisely and effectively, focusing on the "why" and "how" behind your technical decisions. Be ready to discuss your approach to collaboration and problem-solving.
• Research Weekday AI: Understand their mission and how they connect talent with clients, as this will be your direct employer. While client specifics might be limited initially, showing interest in their model is beneficial.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions based on the provided details and typical industry practices for a React UI Engineer role. All information, especially regarding salary and benefits, should be independently verified with Weekday AI or the hiring client. The "operations" framing is adapted to reflect the technical operations involved in UI development and process management.