23 Aug
|
S M Software Solutions
|
Mississauga
23 Aug
S M Software Solutions
Mississauga
Opportunity Overview
We are seeking a highly experienced Lead React Developer / Senior React Full Stack Engineer to lead the development of AI-driven, micro-frontend web applications on a modern, event-driven platform for Citi Bank.
The ideal candidate will have deep hands-on expertise in React, TypeScript, micro-frontends, Module Federation, state management, API integration, real-time applications, data-intensive dashboards, and modern testing practices. Solid full-stack experience with Node.js/NestJS or Python is highly valued.
The successful candidate will work independently with minimal direction while providing technical leadership, mentoring developers, and contributing to product-focused engineering initiatives.
Role Snapshot
- Job Title: Lead React Developer
- Client: Citi Bank
- Work Location: Mississauga, Ontario, Canada
- Work Arrangement: Hybrid
- Employment Type: Full-time
- Experience: 10+ years frontend/full-stack; 8+ years hands-on React
- Leadership Experience: 5+ years leading and mentoring developers
Mandatory Submission Documents
Please Submit The Following
- Updated Resume in Word format –
- Mandatory
- Skills Matrix and References –
- Mandatory
- Expected Hourly Rate –
- Mandatory
We cannot proceed with the submission without all mandatory documents. Role Overview The Lead React Developer will design, develop, and lead modern web applications leveraging React 18, TypeScript, micro-frontends, event-driven architecture, real-time communication, and AI-powered user experiences. The role requires a strong product mindset, excellent technical judgment, and the ability to lead and mentor engineering teams while remaining hands-on with development.
Experience within banking or financial services is an advantage.
Key Responsibilities
- React &
- Frontend Engineering
- Lead the design and development of scalable enterprise web applications using React 18.
- Build modern React applications using hooks, reusable components, and current development patterns.
- Develop strongly typed applications using TypeScript and ES2020+ features.
- Design maintainable frontend architectures for large-scale applications.
- Work independently with light direction and take ownership of technical deliverables.
- Contribute to product-focused design and engineering decisions.
- Micro-Frontend Architecture
- Design and implement micro-frontend architectures using Webpack 5 Module Federation.
- Configure and maintain host shells and remote micro-frontends (MFEs).
- Integrate independently developed frontend modules into enterprise applications.
- Work with modern build technologies such as Vite, Next.js, or similar platforms.
- Establish scalable patterns for frontend module integration and deployment.
- State Management &
- API Integration
- Implement application state management using technologies such as:
- Valtio
- Zustand
- Redux
- Recoil
- Develop routing solutions using React Router 6.
- Integrate RESTful or GraphQL APIs.
- Implement server-state management using React Query, SWR, or similar technologies.
- Handle loading, error, cancellation, caching, and asynchronous data states effectively.
- UI, Design Systems &
- Accessibility
- Build reusable and consistent interfaces using design systems and component libraries such as:
- MUI
- Ant Design
- Mantine
- Similar enterprise UI libraries
- Develop responsive interfaces using HTML, CSS, and SCSS/Sass.
- Ensure applications meet accessibility standards, including WCAG and ARIA requirements.
- Build intuitive user experiences across different devices and screen sizes.
- Real-Time &
- AI-Powered Interfaces
- Develop real-time user interfaces using Server-Sent Events (SSE) and WebSockets.
- Build interfaces capable of streaming AI/LLM responses token-by-token.
- Develop chat and assistant-style user experiences.
- Implement secure, XSS-safe handling of AI-generated content.
- Visualize agentic workflows and tool-use activities within web applications.
- Build responsive experiences for AI-driven applications and conversational interfaces.
- Data-Heavy Dashboard Development
- Develop high-performance, data-dense dashboards.
- Build tables, grids, charts, and other visualizations capable of handling large datasets.
- Optimize frontend performance for complex data-intensive applications.
- Implement virtualization, lazy loading, code splitting, and other performance techniques.
- Monitor and optimize application bundle size and runtime performance.
- Testing &
- Quality Engineering
- Develop unit and component tests using Jest and React Testing Library.
- Develop end-to-end testing using Cypress, Playwright, or similar frameworks.
- Establish and maintain high-quality testing practices across frontend applications.
- Participate in code reviews and ensure adherence to engineering standards.
- Full-Stack Development
- Contribute to backend development using Node.js, NestJS, or Python.
- Work with MongoDB/Mongoose and PostgreSQL databases.
- Develop and integrate event-driven solutions using Kafka/KafkaJS.
- Implement authentication and authorization using JWT.
- Work with OpenAPI/Swagger for API documentation and integration.
- Collaborate across frontend and backend layers to deliver end-to-end solutions.
- Technical Leadership &
- Mentoring
- Lead and mentor frontend and full-stack developers.
- Provide technical guidance and support to engineering team members.
- Conduct code reviews and promote development best practices.
- Establish coding standards, architectural patterns, and reusable engineering practices.
- Collaborate with architects, product teams, developers, QA engineers, and other stakeholders.
- Help drive continuous improvement across engineering processes and practices.
Required Skills &
- Experience
Skill / Experience Requirement Frontend / Full-Stack Development 10+ years Hands-on React Development 8+ years Developer Leadership &
- Mentoring 5+ years React 18, Hooks &
- Modern Patterns Required TypeScript / ES2020+ / Generics Strong experience Webpack 5 Module Federation / Micro-frontends Required State Management –
- Redux, Zustand, Valtio, Recoil Required React Router 6 Required REST / GraphQL APIs Required React Query / SWR Required Design Systems –
- MUI, Mantine, Ant Design or similar Required HTML, CSS, SCSS/Sass Required WCAG / ARIA Accessibility Required SSE / WebSockets Required Data-heavy dashboards and large datasets Required Jest / React Testing Library Required Cypress / Playwright Required Git, PRs &
- Code Review Required CI/CD Required Frontend Performance Optimization Required Node.js Required MongoDB / Mongoose Required PostgreSQL Required Kafka / KafkaJS Required JWT Authentication Required OpenAPI / Swagger Required
Strongly Preferred Skills
- AI Interface Development –
- High Priority
- Experience building AI chat and assistant interfaces.
- Experience with token-by-token LLM response streaming.
- Experience developing secure, XSS-protected AI interfaces.
- Experience visualizing agentic workflows and tool usage.
- Experience with SSR/SSG using Next.js or similar technologies.
- Experience with modern frontend build platforms such as Vite.
- Banking or financial services experience.
Ideal Candidate Profile The ideal candidate is a hands-on technical leader who combines deep React expertise with full-stack engineering capabilities. They should be comfortable architecting micro-frontend solutions, building high-performance data applications, developing AI-powered interfaces, and mentoring engineering teams. Candidates with strong experience in React + TypeScript + Module Federation + Node.js/NestJS + AI interfaces will be particularly well aligned with this opportunity.
How to Apply
If you are interested in this opportunity, please submit your Updated Resume in Word format, Skills Matrix and References, and Expected Hourly Rate.
We cannot proceed with the submission without all mandatory documents.
If you are not interested, please feel free to refer qualified candidates or forward this opportunity to anyone who may be a strong fit.
Please also check our career site for additional opportunities.
📌 Lead React Developer – Citi Bank (Mississauga)
🏢 S M Software Solutions
📍 Mississauga