User Interface Architect

Core Technical Skills

1. React Fundamentals

• Deep understanding of component-based architecture , hooks , and context API .
• Proficiency in React Router , lazy loading , and code splitting for dynamic UI rendering.
• Mastery of React hooks , Context API , JSX , and component lifecycle .
• Proficiency in ES6+ syntax , event handling , and DOM manipulation .

2. Micro Frontend Architecture

• Experience with Webpack Module Federation , Vite , and Single-SPA for runtime integration of MFEs.
• Use of JSON-driven UI rendering , conditional component loading , and template-based composition .
• Experience with Vite , Next.js , and bundler compatibility for MFE deployment
• Knowledge of iframe-based isolation vs. JavaScript bundle integration , including trade-offs in security, performance, and UX

3. Persona-Based UI Composition

• Use of JSON-driven UI rendering , conditional component loading , and template-based composition .
• Use of design systems like Filament or DLS for consistent styling and component reuse.

4. Shared Context and State Management

• Implementation of global state using Redux , Zustand , or React Context across MFEs.
• Strategies for cross-MFE communication , including event buses , custom hooks , and shared services .

5. Session Management and SSO

• Integration with IAM systems like Azure AD, HSP IAM, AWS Cognito for federated identity and SSO.
• Use of JWT tokens , IP whitelisting , and backend handshake protocols for secure communication between MFEs and portals
• Synchronization of session expiry across MFEs and portals to ensure seamless user experience.