Réflexions, tutoriels et insights techniques.
Nouveaux articles chaque mercredi et vendredi
Des vraies leçons de vrais projets, les erreurs, les correctifs, et ce que je ferais différemment
Mauvais choix tech, over-engineering, mauvais pricing, features que personne n'a demandées. Après un an à construire Academy, voici les 10 leçons que j'ai apprises à mes dépens.
Je pensais que les code reviews servaient à trouver des bugs. Après des centaines de PRs, voici les 10 leçons qui ont changé ma façon de reviewer et recevoir du feedback.
Des composants partout, des utils mélangés avec des hooks, des routes qui importent depuis des dossiers random. Après des dizaines de projets, voici la structure qui scale vraiment.
Des re-renders partout, des bundles de 2.5MB, 5000 noeuds DOM. Voici les 7 erreurs de performance que j'ai faites et les fixes qui ont vraiment marché.
J'ai passé des mois à combattre les race conditions, les données périmées et le boilerplate. Le vrai problème, c'était d'utiliser un outil de synchronisation pour un problème de cache.
Maîtrisez les hooks React des bases aux patterns avancés
React 19 n'est pas juste une mise à jour. C'est un changement dans notre façon de penser les formulaires, le state async et les interactions serveur. useActionState, useFormStatus, useOptimistic et use() changent tout.
useId, useDebugValue, useSyncExternalStore, useDeferredValue, useTransition. Tu as probablement scrollé devant. Tu en as probablement besoin maintenant.
useReducer, useLayoutEffect et useImperativeHandle ne sont pas compliqués. Ils résolvent des problèmes spécifiques que les hooks de base ne peuvent pas résoudre.
useRef, useMemo et useCallback ne sont pas des hooks d'optimisation. Ce sont des hooks de correction qui améliorent aussi la performance.
useState, useEffect et useContext sont responsables de 90% des bugs en prod. Voici ce qu'on ne t'a jamais dit.