Sur l'architecture d'une application React et TypeScript strict, les réponses décrivent des pratiques vécues et leur raison. Le rendu Next.js est choisi écran par écran. Les écrans de gestion de flotte et la cohérence visuelle sont traités du point de vue de l'utilisateur final. L'usage de l'IA est méthodique et vérifié.
La candidate organise une application React par fonctionnalité, type ses échanges avec l'API de bout en bout et choisit le rendu serveur ou client selon l'usage. Ses écrans de flotte sont pensés pour des exploitants pressés : liste virtualisée, filtres dans l'URL, saisie au clavier. Chaque choix est relié à un effet observé.
Détail par exigence
Architecture d'une application React
indispensableSolide
Découpe l'application par fonctionnalité, extrait les hooks quand une logique se répète et limite l'état global.
TypeScript strict
indispensableSolide
Génère les types depuis le contrat de l'API et force le traitement de chaque cas par le compilateur.
Next.js et rendu
Solide
Rend côté serveur ce qui doit arriver rempli et isole le temps réel dans un composant client, en signalant l'âge de la donnée.
Écrans de gestion de flotte
Solide
Construit un écran de grande liste rapide à parcourir, partageable et utilisable au clavier.
Tailwind CSS et cohérence visuelle
Solide
Tient la cohérence visuelle par une bibliothèque de composants et pense les états vides et la tablette.
Usage de l'IA
indispensableSolide
Travaille avec l'assistant par petites étapes, soumet tout ce qu'il produit à la même revue et sait le contredire.
Points d'appui
Architecture front par fonctionnalité, état global réduit au strict nécessaire.
Typage de bout en bout, complété par une validation aux frontières.
Écrans conçus pour l'usage réel des exploitants.
Points de vigilance
La performance perçue sur réseau mobile n'a pas été abordée.
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 clairement faire ce job
Inès construit des écrans utilisés toute la journée par des équipes terrain et pense d'abord à leur confort. Elle organise le code pour que l'équipe s'y retrouve et explique chaque choix simplement.
Ses points forts
Écrans pensés pour les utilisateurs
Code organisé et fiable
Explications claires
À creuser en entretien
Un point de performance mobile à vérifier
Savoir-être
Structurer sa réponse
Présente l'organisation du code du général au particulier.
Pose des règles simples que l'équipe peut suivre sans elle.
Détail par exigence
Architecture d'une application React
indispensableSolide · 9,7/10
Découper par fonctionnalité plutôt que par type · 10/10Organisation argumentée.on découpait par fonctionnalité et non par type de fichierRéponse
R1
Extraire la logique dans un hook · 10/10Abstraction née d'une répétition.je l'extrayais dans un hook personnalisé testé à partRéponse
R1
Quand un état global se justifie · 9/10État global minimal et justifié.le seul état global côté client tenait dans un petit contexteRéponse
R1
TypeScript strict
indispensableSolide · 9,5/10
Partager les types avec l'API · 9/10Contrat d'API vérifié à la compilation.les types sont générés depuis le schéma OpenAPI à chaque buildRéponse
R2
Affiner un type union · 10/10Exhaustivité imposée par le typage.une union discriminée, et le narrowing sur le champ statusRéponse
R2
Next.js et rendu
Solide · 9/10
Rendu serveur ou client pour un back-office · 9/10Frontière serveur et client choisie par l'usage.seule la carte avec les positions en direct est un composant clientRéponse
R3
Rafraîchir des données périmées · 9/10Donnée datée montrée comme telle.on affiche l'heure de la dernière mise à jourRéponse
R3
Écrans de gestion de flotte
Solide · 9/10
Afficher des milliers de lignes sans ralentir · 9/10Technique adaptée au volume.je virtualise la liste pour ne rendre que les lignes visiblesRéponse
R4
Garder les filtres dans l'URL · 9/10Vue partageable et navigation préservée.les filtres vivent dans l'URLRéponse
R4
Tailwind CSS et cohérence visuelle
Solide · 9,5/10
Factoriser des composants d'interface · 9/10Cohérence portée par des composants.une petite bibliothèque de composants qui encapsule les classes TailwindRéponse
R5
États vides, erreurs et chargements · 10/10Attention aux cas sans données.chaque liste a un état vide qui explique quoi faireRéponse
R5
Usage de l'IA
indispensableSolide · 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 · 9/10Méthode de travail explicite.je découpe la demande en petites étapesRéponse
R6
Comment il relit, teste et corrige le code que l'assistant produit · 9/10Vérification systématique.tout ce qu'il produit passe par la même revue et les mêmes testsRé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 · 10/10Cas vécu de correction.il m'est arrivé de rejeter une propositionRéponse
R6