Architecte Shell Microfrontend Module Federation React Typescript H/F

Naxo
Inconnu, France
17 days ago

Role details

Contract type
Temporary to permanent
Employment type
Full-time (> 32 hours)
Working hours
Regular working hours
Languages
English

Tech stack

Cascading Style Sheets (CSS) Data Security Node.Js Open Source Technology Zero Trust Network Access Singleton Pattern TypeScript Management of Software Versions WebSocket Network Routers Tailwind ReactJS
+6 more
Large Language Models Generative AI Webpack Playwright Front End Software Development JestJS

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 2. ExpĂ©rience avĂ©rĂ©e en frontend sur des architectures distribuĂ©es (MFE) Ă  grande Ă©chelle 3. Expertise en Bundling : maĂźtrise de Webpack 5 ou Vite, curiositĂ© pour les bundlers Rust-based (Rspack, Esbuild) 4. Connaissance de la bibliothĂšque React (standard groupe) 5. ExpĂ©rience avec l’orchestration Module Federation 2.0 (prĂ©vision Rspack / Rsbuild) 6. MaĂźtrise de l’écosystĂšme TanStack (Router, Query, Start), Zod, Zustand 7. CompĂ©tences UI avec Tailwind CSS, Shadcn/UI, Storybook 8. Connaissance des outils de tests Vitest et Playwright 9. Culture Engineering : contrats d’interface, versioning de dĂ©pendances partagĂ©es, cycles de vie de tokens Auth 10. IntĂ©gration de flux asynchrones (streaming LLM, WebSockets) dans une architecture distribuĂ©e 11. Anglais fluide (contexte europĂ©en quotidien) 12. 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

Apply for this position

This job is hosted externally. Click below to view the full posting and apply.

Apply on www.hellowork.com

Good distractions

Talks and stories from around this role — technically off-topic, practically not.

6:44 min

Micro frontends and Webpack module federation challenges

Manfred Steyer Manfred Steyer · WWC 2024

9:46 min

Questions on architecture typing and team organization

Trishul Goel · JS Congress

45 sec

Working securely with Node.js path application programming interfaces

Sonya Moisset · WWC 2023

9:16 min

Implementing micro frontends with webpack module federation

Manfred Steyer Manfred Steyer · WWC 2021

2:13 min

Leveling up frontend skills through experimental passion projects

Elad Shechter · WWC 2021

3:39 min

Enabling framework-agnostic modularity with Webpack module federation

Serg Hospodarets · LIVE

Videos

See all

Related articles

See all