Océane Fontaine

Développeur Frontend mid, plateforme média (H/F) · test filmé du 16/10/2026 · 12 min

Hors document · non imprimé

Verdict Fortement recommandé

Score du test 9,4/10 couverture 100 % Usage de l’IA : 9,3/10 Communication : 9,7/10 · 3 critères sur 4 · non prouvé : précision du vocabulaire

Signaux à regarder Aucun signal relevé Indicatifs, non décisionnels. Ils disent où regarder dans la vidéo, pas quoi décider.

Sur cette offre 1^er sur 4 testés Suivant : Maxime Bertrand →

Prochaine étape proposée par l’analyse

Sur la performance des interfaces React, la candidate mesure et chiffre ses gains. Sur le bundling avec Webpack, elle part de l'analyse pour découper. Sur Redux, le choix du store et des sélecteurs est argumenté. Le référencement d'un site de contenus est maîtrisé, la collaboration avec produit et design est correcte avec un test A/B à illustrer. L'usage de l'IA est encadré et vérifié au Profiler.

Offre : 44 000 – 50 000 € brut / an TypeScriptReactReduxWebpack

La pièce à transmettre Part telle quelle chez votre client : sans score, sans verdict, sans signal.

Revelyum

Rapport d'entretien technique

Établi pour Nordlys Conseil

Développeur Frontend mid, plateforme média (H/F) · Océane Fontaine · 16/10/2026

Synthèse

Océane vient d'un groupe de presse et aborde la performance par la mesure : Profiler, virtualisation d'une liste de trois cents articles, LCP ramené de 4 à 2,1 secondes. Elle découpe et allège le bundle après analyse, et relie le SEO au rendu serveur et aux canoniques. Elle vérifie même les propositions de l'assistant avec le Profiler.

Détail par exigence

Performance des interfaces React indispensable Solide: Mesure avec le Profiler, virtualise une longue liste, charge en différé et améliore LCP et CLS avec des gains chiffrés.
Bundling avec Webpack indispensable Solide: Analyse le bundle, découpe par route et supprime le code inutile par tree shaking.
Redux à grande échelle Solide: Normalise les articles, gère l'asynchrone avec un état par requête et mémoïse ses sélecteurs.
SEO d'un site de contenus Solide: Justifie le rendu serveur, génère les balises par article et pose des adresses canoniques.
Travail avec produit et design Solide: Chiffre le coût d'une demande, propose une version allégée et intègre une maquette en partant du petit écran.
Usage de l'IA indispensable Solide: Délègue tests et migrations mécaniques, garde le contexte court et re-profile ce qui est sensible.

Points d'appui

Mesure avant de corriger, avec des gains chiffrés sur le LCP et sur le bundle.
Découpage par route et tree shaking guidés par l'analyseur de bundle.
Store normalisé, sélecteurs mémoïsés et état local gardé pour ce qui n'est pas partagé.
SEO compris de bout en bout : rendu serveur, balises par article, canoniques.

Points de vigilance

Le test A/B reste décrit en principe, sans cas concret.
Peu d'éléments sur la collaboration quand le produit tient sa position.

Sujets abordés

Performance des interfaces React · Bundling avec Webpack · Redux à grande échelle · SEO d'un site de contenus · Travail avec produit et design · Usage de l'IA

Entretien conduit en autonomie par le candidat, réponses transcrites puis analysées. L'évaluation finale appartient au recruteur : Revelyum n'émet aucune décision automatisée.

En clair

Oui, il peut clairement faire ce job

Océane sait rendre un site média plus rapide et le prouve par des chiffres. Elle connaît aussi ce qui fait qu'un article remonte dans les moteurs de recherche. Son profil correspond à l'offre.

Ses points forts

Sites plus rapides, gains chiffrés
Comprend le référencement
Explique ses choix au produit et au design

À creuser en entretien

Test A/B à illustrer par un cas concret

Savoir-être

Expliquer

Montre le coût d'une animation au designer avant de décider.

réponse 5

Structurer sa réponse

Enchaîne mesure, correction et résultat chiffré.

réponse 1

Autonomie

Re-profile un composant sensible avant de valider un code généré.

réponse 6

Dans une équipe

Elle expose ses mesures au produit et au design, ce qui facilite les arbitrages.

Détail par exigence

Performance des interfaces React indispensable Solide · 9,3/10: Mesurer avec le Profiler React · 9/10 Mesure avant correction. je lance le Profiler React sur le parcours réel Réponse R1; Virtualiser une longue liste d'articles · 9/10 Virtualisation d'une longue liste. j'ai ajouté une virtualisation pour n'en rendre qu'une vingtaine à la fois Réponse R1; Améliorer LCP et CLS · 10/10 Gain chiffré. j'ai fait passer le LCP de 4 secondes à 2,1 Réponse R1
Bundling avec Webpack indispensable Solide · 9,3/10: Analyser ce qui alourdit le bundle · 10/10 Analyse avant action. J'ouvre d'abord l'analyseur de bundle de Webpack Réponse R2; Découper le bundle par route · 9/10 Découpage par route. J'ai découpé par route avec des imports dynamiques Réponse R2; Tree shaking et dépendances lourdes · 9/10 Dépendance lourde allégée. des imports ciblés pour que le tree shaking supprime le reste Réponse R2
Redux à grande échelle Solide · 9,3/10: Normaliser des articles dans le store · 9/10 Store normalisé. Je normalise les articles dans le store par identifiant Réponse R3; Gérer les appels asynchrones · 10/10 Asynchrone structuré. un état de chargement et d'erreur par requête Réponse R3; Sélecteurs mémoïsés · 9/10 Sélecteurs mémoïsés. je les mémoïse avec Reselect Réponse R3
SEO d'un site de contenus Solide · 9,3/10: Pourquoi le rendu serveur aide le référencement · 10/10 Rendu serveur argumenté. le rendu côté serveur est indispensable Réponse R4; Balises meta et partage social · 9/10 Balises par article. les balises titre, description et Open Graph par article Réponse R4; URLs stables et canoniques · 9/10 Canoniques posées. on pose une adresse canonique quand le même article Réponse R4
Travail avec produit et design Solide · 10/10: Arbitrer une demande coûteuse en performance · 10/10 Arbitrage par la mesure. je mesure le coût de l'animation sur le LCP et je le montre Réponse R5; Intégrer une maquette responsive · 10/10 Intégration responsive. je pars du plus petit écran Réponse R5
Usage de l'IA indispensable Solide · 9,3/10: Son workflow avec l'assistant : découper la demande, lui donner le contexte (fichiers, conventions), tenir la taille du contexte et le coût en tokens, itérer · 10/10 Contexte maîtrisé. Je découpe la demande par composant pour garder le contexte court Réponse R6; Comment il relit, teste et corrige le code que l'assistant produit · 9/10 Tests et mesure. je lance les tests et je re-profile Réponse R6; Un cas vécu où un assistant IA a changé son code ou son délai, et ce qu'il en a retenu · 9/10 Erreur attrapée par le Profiler. Un jour il m'a proposé un mémo partout Réponse R6

Afficher la transcription

Chargement…