Maxime Morellon
Développeur Frontend Senior
Documenter ce que personne ne documente
Server Components imprévisibles. Re-renders en cascade. Optimisations contre-productives. Ce site rassemble les solutions forgées quand Stack Overflow ne suffit plus.
Pourquoi Maxpaths existe
La documentation officielle enseigne la syntaxe. L'expérience terrain enseigne ce qu'il ne faut jamais faire.
Entre les tutoriels académiques et les projets à fort trafic, il existe un gouffre : les anti-patterns réels, les choix d'architecture qui dégradent 6 mois plus tard, les optimisations qui génèrent plus de bugs qu'elles n'en résolvent.
Maxpaths comble ce vide en documentant les solutions testées en production, pas la théorie abstraite.
Scanorr : mise en pratique des principes
J'ai développé Scanorr, une application web et mobile en Next.js et React Native qui digitalise les états des lieux immobiliers. L'application intègre de l'IA pour la reconnaissance de pièces, fonctionne entièrement hors-ligne, et génère des rapports conformes à la loi ALUR avec signatures électroniques.
Ce projet m'a permis de mettre en œuvre de nombreux principes documentés dans les guides : optimisations de rendu avec Server Components, mémoïsation stratégique, gestion d'état avec Zustand, validation robuste avec Zod, et architecture progressive pour gérer la complexité croissante.
Scanorr réduit le temps d'inspection de 2h à 45 minutes pour un appartement type 3 pièces, tout en garantissant la conformité légale et la protection des propriétaires.
Étapes clés du projet
Premier contact avec React
Premiers projets, premiers bugs incomprehensibles. Lifecycle Methods, Redux, et la conviction que le frontend allait bien au-dela du CSS.
Premier contact avec React
Premiers projets, premiers bugs incomprehensibles. Lifecycle Methods, Redux, et la conviction que le frontend allait bien au-dela du CSS.
Les Hooks changent tout
React 16.8. Refactorisation massive des class components. Apprentissage de la vraie composition de logique et des patterns custom hooks.
Les Hooks changent tout
React 16.8. Refactorisation massive des class components. Apprentissage de la vraie composition de logique et des patterns custom hooks.
Next.js en production
SSR, SSG, ISR. Les problemes de performance deviennent subtils, les choix d'architecture deviennent critiques. Premiers projets a fort trafic.
Next.js en production
SSR, SSG, ISR. Les problemes de performance deviennent subtils, les choix d'architecture deviennent critiques. Premiers projets a fort trafic.
Server Components
Next.js 13 App Router. Nouveau paradigme, nouvelles regles. Les erreurs "Functions cannot be passed to Client Components" deviennent familieres.
Server Components
Next.js 13 App Router. Nouveau paradigme, nouvelles regles. Les erreurs "Functions cannot be passed to Client Components" deviennent familieres.
Maxpaths nait
Apres 8 ans, il est temps de documenter. Les patterns qui marchent, les erreurs a eviter, les choix d'architecture qui tiennent dans le temps.
Maxpaths nait
Apres 8 ans, il est temps de documenter. Les patterns qui marchent, les erreurs a eviter, les choix d'architecture qui tiennent dans le temps.
Principes fondateurs
Axé production
Solutions validées en conditions réelles. Zéro spéculation, uniquement des patterns éprouvés sur applications à fort trafic.
Apprentissage interactif
Démos live avec mesures temps réel. Manipulation directe, observations concrètes, code modifiable à volonté.
Architecture progressive
Du fondamental vers l'avancé. Parcours structurés selon niveau et cas d'usage, sans sauter d'étapes.
Savoir partagé
Contenu ouvert et gratuit. Retours terrain, anti-patterns documentés, communauté qui apprend ensemble.
Prêt à explorer ?
Parcourez les guides, expérimentez les démos interactives, découvrez les patterns qui transformeront votre approche du développement React.