Introduction

Module de renforcement d'architecture front-end

Bienvenue dans ce module de renforcement d'architecture front-end. Vous y trouverez bien plus que de simples rappels : nous allons voir comment structurer de vraies applications avec quelques standards d'aujourd'hui (Architecture FSD, TypeScript strict, Zustand, React Query, Zod et les tests automatisés).

Durant ce module, je vous donnerai plusieurs exercices pratiques à réaliser sur la plateforme Stackblitz.

Vous pourrez cliquer sur ce bouton en bas à gauche de l'iframe pour ouvrir l'exercice dans un nouvel onglet.

Une règle d'or pour ce cours : l'idée est de mettre les mains dans le code par vous-même. Sans autocomplétion IA durant toute la phase d'apprentissage.

Avant de déléguer à une IA, il faut être capable de comprendre ce que l'on produit.
Pour bien intégrer les concepts, il faut d'abord les maitriser et comprendre les spécificités de la syntaxe du code produit. Profitez donc de cette phase d'apprentissage pour vraiment coder par vous-même. C'est ce qui fait la différence entre vous, ingénieur qui comprend et maîtrise sa base de code et un vibe codeur.

Pour le projet final que je vous donnerai à la fin du module, vous aurez la liberté d'utiliser l'IA ou non, car l'objectif sera alors d'aller le plus loin possible avec ce que vous aurez acquis.