The React / Lead is responsible for driving the architecture design and technical leadership of large-scale high-performance web applications using React TypeScript and modern frontend tooling. This role oversees multiple developers establishes coding standards defines best practices and partners with architects to modernize legacy web platforms into a modern cloud-ready front-end ecosystem. The React Lead ensures the front-end codebase is scalable accessible performant secure and aligned with enterprise design systems and backend integration patterns.
Key Responsibilities
1. Technical Leadership & Frontend Architecture
- Lead the technical direction for the React and codebase ensuring modularity scalability and maintainability.
- Define architectural patterns including :
Component architecture and atomic design
Layout systemsState management strategy (Redux RTK Query Zustand Recoil Context API)Routing and navigation patterns inSSR ISR SSG strategiesWork closely with the Web Architect to align on frontend technical vision.Establish standards for folder structure naming conventions code patterns and component documentation.2. Framework Ownership
Define the strategy for :Server-Side Rendering (SSR)
Static Site Generation (SSG)Incremental Static Regeneration (ISR)Edge rendering and caching policiesOptimize data-fetching using :getServerSideProps getStaticProps getStaticPaths
New App Router features (server components client components)API routes middleware and edge functionsEnsure correct handling of hydration loading states caching and route transitions.3. UI Engineering & Design System Integration
Lead integration with enterprise design systems (e.g. Storybook Material UI Chakra UI custom component libraries).Ensure components follow accessibility guidelines (WCAG 2.1 AA).Enforce responsive design best practices across breakpoints devices and screen densities.Conduct UI performance optimization related to UI rendering layout shifts and Core Web Vitals.4. Performance Optimization & Core Web Vitals
Own performance tuning efforts for :Largest Contentful Paint (LCP)
First Input Delay (FID)Cumulative Layout Shift (CLS)Time to Interactive (TTI)Memory usage and rendering speedOptimize bundling and build processes :Code splitting
Tree shakingLazy loadingServer and client-side cachingMonitor and diagnose performance issues using :Lighthouse
Web Vitals reportsChrome DevToolsanalyzer5. State Management & Data Flows
Define enterprise-grade state management strategies using :Redux Toolkit
RTK QueryZustandContext API HooksReact Query / SWRImplement data normalization caching layers prefetching optimistic updates and error boundaries.Ensure predictable and traceable application state flows.6. Integration with Backend and BFF Services
Partner with BFF developers to define efficient secure data contracts.Implement authentication and authorization flows :OAuth2
JWTSSO / SAML if applicableHandle robust error handling retries fallbacks and data validation.Enforce secure API consumption patterns and CORS best practices.7. Code Quality Reviews & Mentorship
Lead code reviews with a focus on :Performance
SecurityMaintainabilityAccessibilityBest practices and style standardsMentor developers through pair programming technical workshops and architectural guidance.Define coding standards for :TypeScript
React hooks usageCustom hooks developmentComponent reuseAPI consumption patterns8. Tooling DevOps & CI / CD Collaboration
Collaborate with DevOps to optimize :CI / CD pipelines for web builds
Linting and formatting tools (ESLint Prettier)Automated testing frameworks (Jest RTL Cypress Playwright)Static analysis toolsOptimize build performance and environment configuration through settings.9. Testing Strategy & Quality Assurance
Define test hierarchy :Unit tests
Component testsIntegration testsE2E testsImplement testing frameworks :Jest React Testing Library
Cypress or Playwright for E2EEnsure proper mocking of APIs services and data flows.10. Security Privacy & Governance
Enforce frontend security best practices :Avoiding XSS vulnerabilities
Securing API tokensSanitizing inputsPreventing CSRFUsing secure cookiesImplement role-based access controls and secure routing.Ensure compliance with enterprise standards for :Data separation
User accessPrivacy policiesLogging & observability11. Documentation
Document architectural decisions (ADR logs).Maintain developer onboarding guides and coding standards.Create reusable component documentation and Storybook setups.Write technical specifications for complex front-end features.Required Skills & Qualifications
Technical Skills
10 years of frontend engineering with a specialization in React.3 years of experience with in enterprise or production settings.Expert in :React (Hooks Context Custom Hooks Lifecycle)
App Router & Pages RouterTypeScriptHTML5 CSS3 Sass Styled Components Tailwind (or equivalent)npm / yarnStrong understanding of :SSR SSG ISR
Web performance optimizationModern browser APIsResponsive and accessible designExperience integrating with REST GraphQL and WebSocket APIs.Additional (Nice-to-Have) Skills
Experience with micro-frontends or monorepos.Familiarity with :NX
TurborepoWebpack Rollup ViteExperience building design systems and component libraries.Experience with Azure DevOps pipelines or GitHub Actions.Soft Skills & Competencies
Excellent communication and leadership skills.Strong decision-making ability with architectural trade-offs.Collaborative mindset with cross-team empathy.Ability to mentor coach and elevate team capabilities.Strong ownership mentality and attention to detail.Ability to handle complex business requirements and break them into technical deliverables.Education & Background
Bachelors or Masters degree in Computer Science Engineering or equivalent practical experience.Portfolio of large-scale React / apps or open-source contributions preferred.Key Skills
Administrative Skills,Facilities Management,Biotechnology,Creative Production,Design And Estimation,Architecture
Employment Type : Full Time
Experience : years
Vacancy : 1