Architecte Shell Microfrontend Module Federation React Typescript H/F
Role details
Job location
Tech stack
Job description
PRE EMBAUCHE - 6 MOIS DE MISSION. Au sein de l'équipe Digital Experience, vous serez l'architecte du « Shell » : la pierre angulaire technique unifiant des produits juridiques, des outils de recherche massifs et des services d'IA générative. Concevoir le Runtime Orchestrator pour faire cohabiter des Micro-Frontends (Workspaces) développés par des équipes indépendantes à travers l'Europe, garantir une expérience utilisateur seamless (zéro rechargement) et gérer des composants haute performance (viewers, streaming IA, isolation des contextes)., Design de l'Architecture Shell & MFE : conception du Runtime (stratégie de chargement dynamique, gestion du cache partagé, isolation des contextes)
- Arbitrage technologique avec PoCs et analyses comparatives (préférence Module Federation 2.0/Rspack)
- Stratégie SSR pour concilier MFE et performance/SEO
- Standardisation & contrats (DX) : définition du SDK interne (bus d'événements, authentification unifiée, propagation du contexte pays)
- Orchestration des dépendances partagées (React as singleton), stratégies de cache/CDN
- Intégration native d'observability et de guardrails de sécurité (CSP, Zero Trust, isolation des tokens)
- Leadership technique & gouvernance : participation à la Design System Guild
- Accompagnement des value stream teams (IA, Search, Docs...) pour intégration dans le Shell
- Garantir l'excellence logicielle (craftsmanship)
- Veille technique et contribution externe (articles, meetups, open-source)
Outils & Environnement
- Bibliothèque : React (standard groupe)
Requirements
Langages : TypeScript (maîtrise requise), Node.js
- Orchestration : Module Federation 2.0 (prévision Rspack / Rsbuild)
- Écosystème : TanStack (Router, Query, Start), Zod, Zustand
- UI : Tailwind CSS, Shadcn/UI, Storybook
- Tests : Vitest, Playwright
- Bundling : maîtrise Webpack 5 ou Vite; curiosité pour bundlers Rust-based (Rspack, Esbuild)
- Intégration de flux asynchrones (streaming LLM, WebSockets) dans une architecture distribuée, Profil recherchéMaîtrise de TypeScript et Node.jsExpérience avérée en frontend sur des architectures distribuées (MFE) à grande échelleExpertise en Bundling : maîtrise de Webpack 5 ou Vite, curiosité pour les bundlers Rust-based (Rspack, Esbuild)Connaissance de la bibliothèque React (standard groupe)Expérience avec l'orchestration Module Federation 2.0 (prévision Rspack / Rsbuild)Maîtrise de l'écosystème TanStack (Router, Query, Start), Zod, ZustandCompétences UI avec Tailwind CSS, Shadcn/UI, StorybookConnaissance des outils de tests Vitest et PlaywrightCulture Engineering : contrats d'interface, versioning de dépendances partagées, cycles de vie de tokens AuthIntégration de flux asynchrones (streaming LLM, WebSockets) dans une architecture distribuéeAnglais fluide (contexte européen quotidien)Soft skills : Vision Produit, Leadership technique & pédagogie, Obsession de la Qualité (sécurité des données, accessibilité), Esprit d'innovation, Communication, 1. Maîtrise de TypeScript et Node.js
- Expérience avérée en frontend sur des architectures distribuées (MFE) à grande échelle
- Expertise en Bundling : maîtrise de Webpack 5 ou Vite, curiosité pour les bundlers Rust-based (Rspack, Esbuild)
- Connaissance de la bibliothèque React (standard groupe)
- Expérience avec l'orchestration Module Federation 2.0 (prévision Rspack / Rsbuild)
- Maîtrise de l'écosystème TanStack (Router, Query, Start), Zod, Zustand
- Compétences UI avec Tailwind CSS, Shadcn/UI, Storybook
- Connaissance des outils de tests Vitest et Playwright
- Culture Engineering : contrats d'interface, versioning de dépendances partagées, cycles de vie de tokens Auth
- Intégration de flux asynchrones (streaming LLM, WebSockets) dans une architecture distribuée
- Anglais fluide (contexte européen quotidien)
- Soft skills : Vision Produit, Leadership technique & pédagogie, Obsession de la Qualité (sécurité des données, accessibilité), Esprit d'innovation, Communication, Management d'équipe Anglais Pédagogie Shell Node.js TypeScript CSS Isolation
Benefits & conditions
Mission de 6 mois en pré-embauche
- Contexte européen avec utilisation quotidienne de l'anglais fluide, Taux journalier :Salaire selon profil