Nina Rousseau

Développeur React mid, back-office logistique (H/F) · test filmé du 05/09/2026 · 12 min

Hors document · non imprimé

Verdict Recommandé

Score du test 7,7/10 couverture 100 % Usage de l’IA : 8/10 Communication : 7,3/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 2^e sur 3 testés Suivant : Thomas Leroy →

Prochaine étape proposée par l’analyse

Sur l'architecture d'une application React et sur TypeScript strict, les réponses sont précises et vécues. Le rendu Next.js et les écrans de gestion de flotte sont maîtrisés. Tailwind CSS et cohérence visuelle est le point le plus fragile : la démarche existe mais n'est pas terminée. L'usage de l'IA est réfléchi et vérifié.

Offre : 45 000 – 52 000 € brut / an TypeScriptReactNext.jsTailwind CSS

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 React mid, back-office logistique (H/F) · Nina Rousseau · 05/09/2026

Synthèse

Nina a fait grandir des tableaux de bord de flotte avec cartes en temps réel et décrit une architecture par fonctionnalité claire. Son TypeScript est strict et ses écrans sont pensés pour les exploitants. Le système de design Tailwind de son équipe reste inachevé, et elle le dit sans détour.

Détail par exigence

Architecture d'une application React indispensable Solide: Organise le code par fonctionnalité, partage la logique par des hooks et garde un état global réduit.
TypeScript strict indispensable Solide: Travaille en mode strict, type ses tableaux de façon générique et traite les statuts par unions exhaustives.
Next.js et rendu Solide: Rend les listes côté serveur, isole le temps réel côté client et signale l'ancienneté d'une donnée.
Écrans de gestion de flotte Solide: Rend un grand tableau fluide, partageable par l'URL et utilisable au clavier.
Tailwind CSS et cohérence visuelle Solide: Dispose de composants de base mais la cohérence visuelle reste partielle et les états vides sont traités au cas par cas.
Usage de l'IA indispensable Solide: Confie à l'assistant le code répétitif et les tests, relit tout comme une revue et connaît ses limites.

Points d'appui

Découpage par fonctionnalité et hooks extraits à bon escient.
Choix serveur ou client argumenté, avec indicateur de donnée périmée.
Grands tableaux virtualisés, filtres partageables par l'URL.
Usage de l'assistant IA encadré par la relecture et les tests.

Points de vigilance

Cohérence visuelle Tailwind encore artisanale : tokens non finalisés, états vides traités au cas par cas.
Types de l'API repris d'un paquet commun plutôt que générés.

Sujets abordés

Architecture d'une application React · TypeScript strict · Next.js et rendu · Écrans de gestion de flotte · Tailwind CSS et cohérence visuelle · 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 faire ce job

Nina conçoit des écrans de suivi de véhicules que des équipes d'exploitation utilisent toute la journée. Elle explique ses choix simplement et reconnaît ce qui reste à améliorer chez elle.

Ses points forts

Écrans rapides et agréables à utiliser
Code organisé
Franchise sur ses limites

À creuser en entretien

Charte visuelle de son équipe encore inachevée

Savoir-être

Structurer sa réponse

Présente son application dossier par dossier, du plus large au plus fin.

réponse 1

Dire ce qu’on ne sait pas

Reconnaît sans détour que la cohérence Tailwind n'est pas aboutie.

réponse 5

Autonomie

Repère seule une erreur de l'assistant à la compilation.

réponse 6

Dans une équipe

S'intègre bien à une équipe produit et peut aider à finir un système de design.

Détail par exigence

Architecture d'une application React indispensable Solide · 7,3/10: Découper par fonctionnalité plutôt que par type · 8/10 Organisation par domaine métier. un dossier par fonctionnalité Réponse R1; Extraire la logique dans un hook · 7/10 Extraction née d'un besoin partagé. j'écrivais un hook, par exemple un hook de positions Réponse R1; Quand un état global se justifie · 7/10 État global limité au strict nécessaire. on s'en tenait à l'utilisateur connecté et au filtre de société Réponse R1
TypeScript strict indispensable Solide · 7,7/10: Typer un composant de tableau générique · 8/10 Composant générique réellement écrit. un composant de tableau générique, typé sur la ligne affichée Réponse R2; Partager les types avec l'API · 7/10 Partage des types, sans génération automatique. ils sont partagés par un paquet commun que l'équipe back met à jour Réponse R2; Affiner un type union · 8/10 Affinage de types maîtrisé. des unions avec un switch exhaustif Réponse R2
Next.js et rendu Solide · 7,5/10: Rendu serveur ou client pour un back-office · 7/10 Frontière serveur et client justifiée par l'usage. la carte en temps réel est un composant client Réponse R3; Rafraîchir des données périmées · 8/10 Donnée périmée rendue visible. un petit indicateur quand la dernière position date de plus de deux minutes Réponse R3
Écrans de gestion de flotte Solide · 7,7/10: Afficher des milliers de lignes sans ralentir · 8/10 Virtualisation appliquée à un volume réel. j'ai mis une virtualisation avec une bibliothèque de liste Réponse R4; Garder les filtres dans l'URL · 8/10 Vues partageables. Les filtres sont dans l'URL Réponse R4; Saisie rapide pour un usage quotidien · 7/10 Pensé pour l'usage quotidien. la navigation au clavier entre les cellules Réponse R4
Tailwind CSS et cohérence visuelle Solide · 7,5/10: Factoriser des composants d'interface · 8/10 Factorisation partielle. On a quelques composants de base, boutons et champs Réponse R5; États vides, erreurs et chargements · 7/10 Pas de convention commune. on les traite écran par écran, sans règle commune Réponse R5
Usage de l'IA indispensable Solide · 8/10: S'il code avec un assistant IA (Copilot, Cursor, Claude Code, ChatGPT…) : quelles tâches de développement il lui confie, et lesquelles il garde · 8/10 Tâches déléguées clairement nommées. Je lui confie le code répétitif, les tests unitaires de composants Réponse R6; Comment il relit, teste et corrige le code que l'assistant produit · 8/10 Relecture systématique du code généré. Je relis tout comme une revue de code et je lance les tests Réponse R6; Ce qu'il ne confie jamais à l'assistant : données confidentielles, sécurité, décisions d'architecture, cas où il s'est trompé · 8/10 Limites explicites. je ne lui donne jamais de données clients ni les décisions d'architecture 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 · 8/10 Erreur repérée à la compilation. il avait inventé une option de la bibliothèque de tableaux Réponse R6

Afficher la transcription

Chargement…