Software Engineer Micro-Frontends - React - Typescript H/F

Bloomays
France
26 days ago
Apply on www.hellowork.com
Prepare application

Role details

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

Tech stack

Artificial Intelligence Software Quality Data Security Node.Js Open Source Technology Zero Trust Network Access Singleton Pattern TypeScript Management of Software Versions WebSocket Network Routers Tailwind
+8 more
ReactJS Large Language Models Generative AI Webpack Playwright Search Engines Front End Software Development JestJS

Job description

Au sein de l’équipe Digital Experience, vous serez responsable de l’architecture du Shell, socle technique destiné à unifier plusieurs produits numériques, des outils de recherche à grande échelle et des services reposant sur l’intelligence artificielle générative.

Votre mission ne consistera pas à développer une application isolée, mais à concevoir un véritable Runtime Orchestrator, capable de faire cohabiter des Micro-Frontends, ou « Workspaces », développés par différentes équipes en Europe.

Vous garantirez une expérience utilisateur fluide, sans rechargement de page, tout en répondant à des problématiques techniques complexes : viewers haute performance, streaming de réponses IA, isolation des contextes, gestion des dépendances partagées et sécurité des données.

Vos missions

  1. Concevoir l’architecture Shell et Micro-Frontends
  • Définir la stratégie de chargement dynamique des modules.
  • Concevoir la gestion du cache partagé et l’isolation des contextes.
  • Challenger la stack technique cible.
  • Confirmer les choix d’architecture à travers des preuves de concept et des analyses comparatives.
  • Étudier notamment l’utilisation de Module Federation 2.0, Rspack et Rsbuild.
  • Définir une stratégie permettant de concilier Micro-Frontends, rendu côté serveur, performance et SEO pour les contenus publics.
  1. Définir les standards techniques et améliorer l’expérience développeur
  • Concevoir un SDK interne définissant les contrats de communication entre les différents Micro-Frontends.
  • Standardiser le bus d’événements, l’authentification unifiée et la propagation des contextes fonctionnels ou géographiques.
  • Organiser la gestion des dépendances partagées, notamment l’utilisation de React en singleton.
  • Définir les stratégies de cache et de CDN afin d’optimiser les temps de chargement critiques.
  • Intégrer les outils de télémétrie et d’observabilité directement au sein du runtime.
  • Mettre en place les garde-fous de sécurité : CSP, approche Zero Trust, isolation des tokens et sécurisation des échanges.
  1. Assurer le leadership technique et la gouvernance
  • Contribuer activement à la gouvernance du Design System et des composants partagés.
  • Accompagner les équipes produit spécialisées dans l’IA, la recherche et les documents lors de l’intégration de leurs solutions dans le Shell.
  • Réduire au maximum la friction d’intégration pour les différentes squads.
  • Participer à la construction de l’écosystème de Developer Experience.
  • Garantir un haut niveau d’excellence logicielle dans une démarche de Software Craftsmanship.
  • Assurer une veille active sur l’écosystème frontend et Micro-Frontends.
  • Contribuer au rayonnement technique de l’entreprise à travers des articles, meetups ou projets open source.

Environnement technique

La stack présentée constitue une cible et pourra être challengée dans le cadre de la mission.

  • Frontend : React
  • Langages : TypeScript, Node.js
  • Orchestration : Module Federation 2.0, Rspack, Rsbuild
  • Écosystème : TanStack Router, TanStack Query, TanStack Start, Zod, Zustand
  • UI : Tailwind CSS, Shadcn/UI, Storybook
  • Tests : Vitest, Playwright
  • Bundlers : Webpack 5, Vite, Rspack, Esbuild, Un projet structurant

Vous intervenez au moment où les principales décisions d’architecture sont prises et disposez d’un réel pouvoir d’influence sur la stack finale.

Une complexité technique stimulante

Vous travaillerez sur l’intégration de services d’IA générative, de moteurs de recherche et de viewers de documents haute performance au sein d’un même runtime.

Une vision à long terme

L’objectif n’est pas simplement de livrer une fonctionnalité, mais de concevoir un standard technique durable, destiné à être utilisé par plusieurs produits et équipes pendant plusieurs années.

Requirements

Profil recherchéCompétences requisesExpérience significative en développement frontend sur des architectures distribuées et des Micro-Frontends à grande échelle.Excellente maîtrise de React et TypeScript.Bonne maîtrise de Node.js.Expérience avec Module Federation, idéalement dans sa version 2.0.Solide compréhension des mécanismes de bundling avec Webpack 5 ou Vite.Intérêt marqué pour les bundlers fondés sur Rust, tels que Rspack ou Esbuild.Maîtrise des contrats d’interface et des problématiques de compatibilité entre applications distribuées.Bonne compréhension du versioning des dépendances partagées.Maîtrise des cycles de vie des tokens d’authentification.Capacité à intégrer des flux asynchrones : streaming de réponses LLM, Server-Sent Events ou WebSockets.Sensibilité forte aux enjeux de performance, de sécurité, d’accessibilité et d’observabilité.Anglais courant, dans un contexte de collaboration européenne quotidienne.Qualités attenduesVision produitVous comprenez les enjeux métier afin de prioriser les fonctionnalités du Shell. Vous considérez la plateforme comme un produit à part entière et les autres développeurs comme ses utilisateurs.Leadership technique et pédagogieVous savez proposer une vision d’architecture, fédérer les équipes et diffuser les bonnes pratiques liées aux Micro-Frontends.Exigence de qualitéVous accordez une attention particulière à la qualité du code, à la sécurité des données, aux performances et à l’accessibilité.Esprit d’innovationVous êtes curieux des nouvelles approches d’assemblage web et capable d’évaluer leur pertinence de manière pragmatique.CommunicationVous savez vulgariser des concepts techniques complexes auprès de profils techniques et non techniques., * Expérience significative en développement frontend sur des architectures distribuées et des Micro-Frontends à grande échelle.

  • Excellente maîtrise de React et TypeScript.
  • Bonne maîtrise de Node.js.
  • Expérience avec Module Federation, idéalement dans sa version 2.0.
  • Solide compréhension des mécanismes de bundling avec Webpack 5 ou Vite.
  • Intérêt marqué pour les bundlers fondés sur Rust, tels que Rspack ou Esbuild.
  • Maîtrise des contrats d’interface et des problématiques de compatibilité entre applications distribuées.
  • Bonne compréhension du versioning des dépendances partagées.
  • Maîtrise des cycles de vie des tokens d’authentification.
  • Capacité à intégrer des flux asynchrones : streaming de réponses LLM, Server-Sent Events ou WebSockets.
  • Sensibilité forte aux enjeux de performance, de sécurité, d’accessibilité et d’observabilité.
  • Anglais courant, dans un contexte de collaboration européenne quotidienne.

Qualités attendues

Vision produit

Vous comprenez les enjeux métier afin de prioriser les fonctionnalités du Shell. Vous considérez la plateforme comme un produit à part entière et les autres développeurs comme ses utilisateurs.

Leadership technique et pédagogie

Vous savez proposer une vision d’architecture, fédérer les équipes et diffuser les bonnes pratiques liées aux Micro-Frontends.

Exigence de qualité

Vous accordez une attention particulière à la qualité du code, à la sécurité des données, aux performances et à l’accessibilité.

Esprit d’innovation

Vous êtes curieux des nouvelles approches d’assemblage web et capable d’évaluer leur pertinence de manière pragmatique.

Communication

Vous savez vulgariser des concepts techniques complexes auprès de profils techniques et non techniques., Anglais Intelligence artificielle Shell Node.js TypeScript Isolation

Benefits & conditions

Taux journalier :Salaire selon profil

False

EducationalOccupationalCredential postgraduate degree EducationalOccupationalCredential bachelor degree EducationalOccupationalCredential

About the company

Notre client, un acteur européen majeur de l’édition professionnelle et des services numériques, recherche un Software Engineer spécialisé en architectures Micro-Frontends.

Apply for this position

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

Apply on www.hellowork.com
Prepare application

Good distractions

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

5:14 min

Delivering remote modules with Webpack Module Federation

Trishul Goel · JS Congress

45 sec

Working securely with Node.js path application programming interfaces

Sonya Moisset · World Congress 2023

1:20 min

Identifying multi-disciplinary talent for developer experience engineering roles

Hazal Mestci +1 · Coffee With Developers

6:44 min

Micro frontends and Webpack module federation challenges

Manfred Steyer Manfred Steyer · World Congress 2024

3:55 min

Identifying underlying Node.js runtime vulnerabilities using fuzzing tools

Sonya Moisset · World Congress 2023

1:53 min

Bringing JavaScript developers into web artificial intelligence

Jason Mayes · Coffee With Developers

Videos

See all

Related articles

See all