Lead React

Job Title: React Front-End and Middleware Technical Architect/Coach (ReactJS/GraphQL)(Other title consideration: React Front-End and Middleware Code Quality Specialist)Toronto, ON- hybridClient update: This role is a little different from your normal "architect" roles. We are looking for someone to come in and monitor and course-correct the team, not someone who can come in and do hands-on work themselves.We can look for the target date of Mid-Nov to start. This will be a hybrid roleRole Overview:We are seeking a highly experienced Front-End and Middleware Technical Coach to join our onshore team and elevate the technical capabilities of our development team. This role is critical to ensuring the enforcement of best practices, improving code quality, and bridging gaps in knowledge and execution. The ideal candidate will have exceptional skills in ReactJS (Front-End) and GraphQL (Middleware), along with hands-on experience in B2C eCommerce development. This individual will be a technical leader and mentor, with a proven ability to evaluate, review, and correct code, while empowering the team to adhere to modern development best practices.Key Responsibilities:Technical Training and Mentorship:

• Conduct training sessions and workshops to educate the team on front-end (ReactJS) and middleware (GraphQL) development best practices.
• Mentor developers on implementing clean code principles, including writing reusable, maintainable, and scalable code.
• Teach the team how to identify and fix code smells, improve performance, and follow modern coding standards.
• Provide hands-on guidance in debugging and troubleshooting front-end and middleware issues, ensuring team members gain practical skills.

Enforcing Best Practices:

• Establish and enforce best practices for front-end and middleware development, including:
• Proper branching strategies for version control (e.g., Gitflow).
• Effective code review processes, including setting clear guidelines for submitting, reviewing, and merging pull requests.
• Comprehensive testing practices, including unit tests, integration tests, and end-to-end tests for ReactJS and GraphQL.
• Standardize workflows for development, deployment, and documentation to improve team efficiency and collaboration.

Code Reviews and Quality Assurance:

• Perform every code review for both front-end and middleware repositories to ensure adherence to best practices and coding standards.
• Identify and correct code quality issues such as:
• Code smells: Duplicate code, overly complex functions, poor naming conventions, and lack of comments/documentation.
• Performance bottlenecks: Inefficient GraphQL queries, unoptimized React components, and unnecessary API calls.
• Security vulnerabilities: Poor session management, unvalidated inputs, and insecure API design.
• Provide actionable feedback and recommendations to developers to improve code quality and overall application performance.

Gap Analysis and Team Development:

• Conduct a technical gap analysis to identify weaknesses in the team's current processes, knowledge, and technical implementations.
• Develop a continuous improvement plan for the team, focusing on skill development, standards enforcement, and a culture of accountability for code quality.
• Work with leadership to implement KPIs and metrics for measuring the team's progress in adopting best practices and improving code quality.

Key Technical Skills:Front-End Development Expertise:

• ReactJS: 8+ years of hands-on experience with advanced React concepts, including hooks, state management (e.g., Redux, Context API), component architecture, and testing frameworks (e.g., Jest, React Testing Library).
• JavaScript/ES6+: Deep expertise in modern JavaScript concepts, including asynchronous programming, modularization, and optimization techniques.
• Front-End Optimization: Strong knowledge of performance tuning techniques such as code splitting, lazy loading, caching, and browser rendering.
• HTML5/CSS3: Proficiency in semantic HTML and CSS, with experience using pre-processors like SASS/LESS and modern design frameworks like Material-UI or Tailwind CSS.

Middleware Expertise:

• GraphQL: 6+ years of experience designing and optimizing GraphQL schemas, queries, mutations, and subscriptions.
• Middleware Architecture: Experience integrating GraphQL APIs with back-end systems, databases, and third-party services.
• API Security: Expertise in token-based authentication (OAuth 2.0, JWT), API gateway design, and secure data transport.
• Performance Optimization: Skills in reducing query complexity, minimizing over-fetching/under-fetching, and optimizing middleware performance.

B2C eCommerce Specific Experience:

• Proven experience working with high-traffic B2C eCommerce websites, including session management, secure transactions, and scaling solutions for millions of users.
• Knowledge of personalization strategies and handling multiple account types (e.g., individual users, business accounts).

General Skills:

• Strong understanding of best practices for front-end and middleware development, including clean coding principles, design patterns, and security protocols.
• Experience implementing branching strategies for version control (e.g., Gitflow, feature branching) and conducting in-depth code reviews.
• Ability to identify code smells, provide actionable feedback, and teach developers how to write high-quality, maintainable code.
• Excellent communication skills to educate and mentor developers while collaborating with leadership and external stakeholders.

Job Type: Fixed term contract

Contract length: 6 months

Pay: $40.00-$45.00 per hour

Expected hours: 40 per week

Experience:

• React: 10 years (required)
• Lead: 10 years (required)
• HCL eCommerce: 10 years (required)
• ibm websphere ecommerce: 10 years (required)
• Banking: 10 years (required)
• GraphQL: 10 years (required)
• React Lead: 10 years (required)

Location:

• Toronto, ON (required)