Frontend Architecture / System Design 

• Design scalable, maintainable frontend architectures for complex web applications 
• Define application structure, module boundaries, and shared component strategies 
• Drive decisions around: 
  • Rendering models (SSR, SSG, ISR, CSR) 
  • Styling architecture 
  • State and data flow 
• Apply architectural patterns such as: 
  • Component-driven architecture 
  • Feature/domain-based organization 
  • Micro-frontend patterns (when justified) 
• Maintain architecture documentation, diagrams, and ADRs 

Frontend Engineering (Hands-on) 

• Build and maintain production-grade applications using Next.js (3+ years) and modern React 
• Write clean, maintainable TypeScript 
• Design and evolve reusable component libraries and design systems 
• Lead code reviews focusing on architecture, performance, and long-term maintainabilityStyling / UI Architecture 
• Design and enforce scalable styling strategies using a mix of: 
  • CSS Modules 
  • Styled-components / Emotion 
  • Utility-first CSS (Tailwind or similar) 
  • Traditional CSS / SCSS where appropriate 
• Make informed trade-offs between: 
  • Runtime vs build-time styling 
  • Global vs scoped styles 
  • Design system tokens vs local overrides 
• Build and maintain: 
  • Theming systems 
  • Responsive and adaptive layouts 
  • Cross-browser and cross-device compatibility 
• Ensure styling consistency and avoid CSS leakage and specificity issues 

State Management 

• Architect complex state systems with clear separation of concerns: 
  • Server state vs client state vs UI state 
• Hands-on experience with state libraries such as: 
  • Redux / Redux Toolkit 
  • Zustand, Recoil, Jotai 
  • React Query / TanStack Query 
• Manage real-time and shared state across views and sessions 
• Prevent unnecessary re-renders and state coupling 

Real-Time Communication 

• Build real-time features using: 
  • WebSockets 
  • Server-Sent Events (SSE) 
  • WebRTC (where applicable) 
• Design client-side subscription models, reconnection logic, and data consistency strategies 
• Coordinate real-time data flow with backend services and message brokers 

Performance Engineering 

• Own frontend performance strategy across the stack: 
  • Code splitting and dynamic imports 
  • Bundle size analysis and optimization 
  • Rendering optimization and memoization 
  • Virtualization for large lists 
• Optimize Core Web Vitals (LCP, CLS, INP) 
• Use performance tooling (Lighthouse, Web Vitals, browser profilers) 

Security and Reliability 

• Implement frontend security best practices: 
  • XSS, CSRF, clickjacking mitigation 
  • Secure auth flows (OAuth2, JWT, session-based) 
  • Safe handling of tokens and secrets 
• Understand browser security, CORS, and content security policies (CSP) 
• Ensure safe usage of third-party libraries and SDKs 
•  

Libraries, Tooling Ecosystem 

• Strong experience evaluating and integrating frontend libraries, including: 
  • UI libraries (MUI, Ant Design, Chakra, Radix, Headless UI) 
  • Form libraries (React Hook Form, Formik) 
  • Validation libraries (Zod, Yup) 
  • Data visualization (D3, Recharts, Chart.js) 
• Expertise in build and tooling ecosystem: 
  • Webpack, Vite, Turbopack 
  • Babel, ESLint, Prettier 
• Testing libraries: 
  • Jest, Vitest 
  • React Testing Library 
  • Playwright / Cypress for E2E 

• 10+ years of frontend/web engineering experience 
• 3+ years of production experience with Next.js 
• Expert knowledge of React, TypeScript, and browser fundamentals 

• Deep experience with: 
  • Styling systems and UI architecture 
  • State management patterns 
  • Real-time frontend systems 
• Proven track record of leading frontend architecture at scale