Key Responsibilities

Solution Architecture & Design

• Lead the end-to-end architecture for front-end applications built with React.js and its ecosystem.
• Define and enforce architecture principles, standards, and guidelines for front-end development.
• Design reusable, modular, and scalable UI components and libraries.
• Ensure architecture is optimized for performance, scalability, maintainability, accessibility, and security.
• Provide solution blueprints, proof-of-concepts (POCs), and technical roadmaps for new initiatives.

Technical Leadership & Governance

• Act as the front-end technical authority for multiple projects.
• Collaborate with enterprise architects, backend architects, product managers, and business analysts to design holistic solutions.
• Conduct architecture reviews, design reviews, and code reviews to maintain quality standards.
• Guide and mentor developers on advanced React.js concepts, design patterns, and performance optimization.
• Ensure adherence to CI/CD, DevOps, automated testing, and code quality practices.

Technology Strategy & Innovation

• Stay up to date with evolving front-end technologies, frameworks, and industry trends.
• Evaluate new tools, frameworks, and libraries (e.g., Next.js, Remix, React Server Components, Micro-Frontends) and recommend adoption.
• Drive front-end modernization initiatives (e.g., migrating legacy applications to React or Next.js).
• Promote best practices in state management, performance optimization, accessibility (WCAG/ARIA), and security.

Delivery & Collaboration

• Translate business and functional requirements into technical design specifications.
• Work with backend teams to design API contracts (REST/GraphQL) ensuring efficient integration.
• Coordinate with QA teams to define testing strategies and automation frameworks.
• Partner with DevOps engineers to optimize deployment pipelines, containerization (Docker, Kubernetes), and cloud hosting.
• Act as a bridge between technical teams and business stakeholders, ensuring clear communication of trade-offs and decisions.

Must-Have Qualifications

• Education:
  • Bachelor’s or Master’s degree in Computer Science, Engineering, or a related field.
• Experience:
  • 7 + years of professional software development experience.
  • 4 + years of hands-on experience in React.js, JavaScript (ES6+), and TypeScript.
  • 2 + years of experience in a Solution Architect / Technical Architect / Lead Engineer role for enterprise-scale projects.
• Technical Expertise:
  • Strong expertise in React.js ecosystem (React Hooks, Context API, Redux, Redux Toolkit, Next.js).
  • Solid understanding of HTML5, CSS3, SCSS, Styled Components, Tailwind, Material-UI, or other UI frameworks.
  • Deep knowledge of component-driven design, atomic design principles, and micro-frontends.
  • Experience with RESTful APIs, GraphQL, API integration, caching strategies, and security (OAuth, JWT).
  • Proficiency with unit testing and e2e testing (Jest, Cypress, React Testing Library).
  • Strong knowledge of CI/CD pipelines, Git, GitHub Actions/Azure DevOps/Jenkins.
  • Hands-on exposure to cloud platforms (AWS, Azure, GCP) and containerization (Docker, Kubernetes).
  • Strong focus on performance optimization (lazy loading, code splitting, SSR/ISR, tree-shaking, CDN strategies).
  • Good understanding of accessibility standards (WCAG, ARIA) and SEO optimization for SPAs/Next.js apps.
• Soft Skills:
  • Excellent leadership and mentoring capabilities.
  • Strong communication and stakeholder management skills.
  • Ability to balance business needs with technical constraints and propose optimal solutions.
  • Analytical problem-solving mindset with attention to detail.