Architecte Frontend Micro-Frontends - Legaltech H/F

Au sein de l’équipe Digital Experience, vous serez l’architecte du « Shell » : la pierre angulaire technique qui unifie des produits juridiques, des outils de recherche massive et des services d’IA générative. Votre mission n’est pas de construire une simple application, mais de concevoir le Runtime Orchestrator capable de faire cohabiter des Micro-Frontends (Workspaces) développés par des équipes indépendantes à travers l’Europe. Vous garantirez une expérience utilisateur “Seamless” (zéro rechargement) tout en gérant une complexité technique de haut vol (viewers haute performance, streaming IA, isolation des contextes…).

Missions

• Design de l’Architecture Shell & MFE

• Conception du Runtime : définir la stratégie de chargement dynamique des modules, la gestion du cache partagé et l’isolation des contextes.
• Arbitrage technologique : challenger la stack cible. Forte préférence pour un écosystème Module Federation 2.0/Rspack, avec charge de confirmer ces choix via des PoCs et des analyses comparatives.

• Stratégie SSR : définir comment concilier Micro-Frontends et enjeux de performance/SEO pour les contenus publics.

• Standardisation & Contrats (DX)

• Définition du SDK Interne : créer les standards de communication : bus d’événements, authentification unifiée, et propagation du contexte pays.
• Performance & Shared Libs : orchestrer la gestion des dépendances partagées (React as singleton) et les stratégies de cache/CDN pour optimiser le temps de chargement critique.

• Observability & Security : intégrer nativement les primitives de télémétrie et les guardrails de sécurité (CSP, Zero Trust, isolation des tokens) au coeur du runtime.

• Leadership Technique & Gouvernance

• Gouvernance Inner Source : être un membre influent de la Design System Guild pour assurer la cohérence visuelle et technique des composants partagés.
• Accompagnement des Value stream teams : aider les squads (IA, Search, Docs…) à intégrer leurs produits dans le Shell avec un minimum de friction. Participer à la mise en place de l’écosystème DX (Developer Experience).
• Garantir une excellence logicielle dans une approche Craftmanship.
• Pionnier Tech : assurer une veille constante sur l’écosystème et contribuer au rayonnement technique du groupe (articles, meetups, open-source).

Stack technique

• Bibliothèque : React (standard groupe)
• 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, Pourquoi ce poste est unique ?

• Feuille blanche (ou presque) : intervention au moment où les décisions structurantes se prennent. Réel pouvoir d’influence sur la stack finale.
• Complexité métier stimulante : intégrer des flux d’IA générative et des viewers de documents haute performance dans un même runtime est un défi technique rare.
• Vision long terme : objectif de créer le standard industriel du groupe pour les prochaines années, au-delà de la simple livraison d’une feature.

Expérience avérée en frontend sur des architectures distribuées (MFE) à grande échelle.

• Expertise Bundling : maîtrise de Webpack 5 ou Vite et curiosité pour les bundlers Rust-based (Rspack, Esbuild).
• Culture Engineering : connaissance des contrats d’interface, maîtrise des problématiques de versioning de dépendances partagées et des cycles de vie de tokens Auth.
• Capacité à intégrer des flux asynchrones (streaming de réponses LLM, WebSockets) au sein d’une architecture distribuée.
• Anglais fluide (contexte européen quotidien).

Soft Skills

• Vision Produit : comprendre les enjeux métiers du droit pour prioriser les fonctionnalités du Shell. Le Shell est géré comme un produit, les autres développeurs sont considérés comme des clients.
• Leadership Technique & pédagogie : capacité à évangéliser les bonnes pratiques MFE auprès des autres développeurs.
• Obsession de la Qualité : rigueur absolue sur la sécurité des données (Legaltech oblige) et l’accessibilité.
• Esprit d’innovation : curiosité pour les nouvelles méthodes d’assemblage web.
• Communication : savoir vulgariser des concepts complexes., Profil recherchéMaîtrise de la bibliothèque React et du langage TypeScriptExpérience avec Node.jsConnaissance de l’orchestration Module Federation 2.0 (prévision Rspack / Rsbuild)Familiarité avec l’écosystème TanStack (Router, Query, Start), Zod, ZustandCompétences en UI avec Tailwind CSS, Shadcn/UI, StorybookExpérience avec les outils de tests Vitest et PlaywrightExpérience avérée en frontend sur des architectures distribuées (MFE) à grande échelleExpertise en bundling avec Webpack 5 ou Vite et curiosité pour les bundlers Rust-based (Rspack, Esbuild)Compréhension des contrats d’interface, gestion du versioning des dépendances partagées et cycles de vie des tokens d’authentificationCapacité à intégrer des flux asynchrones (streaming de réponses LLM, WebSockets) dans une architecture distribuéeAnglais fluide (contexte européen quotidien)Vision produit pour comprendre les enjeux métiers et prioriser les fonctionnalitésLeadership technique et pédagogie pour évangéliser les bonnes pratiques MFEObsession de la qualité, rigueur sur la sécurité des données et l’accessibilitéEsprit d’innovation et curiosité pour les nouvelles méthodes d’assemblage webCapacité de communication pour vulgariser des concepts complexes, 1. Maîtrise de la bibliothèque React et du langage TypeScript

1. Expérience avec Node.js
2. Connaissance de l’orchestration Module Federation 2.0 (prévision Rspack / Rsbuild)
3. Familiarité avec l’écosystème TanStack (Router, Query, Start), Zod, Zustand
4. Compétences en UI avec Tailwind CSS, Shadcn/UI, Storybook
5. Expérience avec les outils de tests Vitest et Playwright
6. Expérience avérée en frontend sur des architectures distribuées (MFE) à grande échelle
7. Expertise en bundling avec Webpack 5 ou Vite et curiosité pour les bundlers Rust-based (Rspack, Esbuild)
8. Compréhension des contrats d’interface, gestion du versioning des dépendances partagées et cycles de vie des tokens d’authentification
9. Capacité à intégrer des flux asynchrones (streaming de réponses LLM, WebSockets) dans une architecture distribuée
10. Anglais fluide (contexte européen quotidien)
11. Vision produit pour comprendre les enjeux métiers et prioriser les fonctionnalités
12. Leadership technique et pédagogie pour évangéliser les bonnes pratiques MFE
13. Obsession de la qualité, rigueur sur la sécurité des données et l’accessibilité
14. Esprit d’innovation et curiosité pour les nouvelles méthodes d’assemblage web
15. Capacité de communication pour vulgariser des concepts complexes, Management d’équipe Anglais Intelligence artificielle Pédagogie Shell Node.js TypeScript CSS Logiciels de gestion de versions Isolation

Taux journalier :Salaire selon profil