RESPONSIBILITIES
Core Responsibilities
Frontend Architecture & System Design
- Design scalable and 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 and modern React.
- Write clean and maintainable TypeScript code.
- Design and evolve reusable component libraries and design systems.
- Lead code reviews focusing on architecture, performance, and long-term maintainability.
Styling & UI Architecture
- Design scalable styling strategies using:
- CSS Modules
- Styled-components / Emotion
- Utility-first CSS (Tailwind or similar)
- Traditional CSS / SCSS
- Make 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:
- Server state
- Client state
- UI state
- 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
- Design subscription models, reconnection logic, and data consistency strategies.
- Coordinate real-time data flow with backend services and message brokers.