Comment gérer les erreurs avec Remix ?

Avoir des erreurs Javascript ne fait jamais plaisir. Surtout quand elles sont en prod, et que tes clients les découvrent.

Tu perds de la crédibilité. Pour sauver l'honneur, il existe un composant magique nommé ErrorBoundary. (similaire à la librairie React, tu peux l'utiliser peu importe le framework)

Dans ce guide, je vais te montrer comment tu peux afficher un composant d'erreur personnalisé en 5 minutes, pour protéger toutes les pages de ton application.

00:00:00 Afficher le composant ErrorBoundary
00:08:49 Gérer les erreurs 404 + bonus
00:12:38 Gérer les erreurs globales

--- Formation Remix & NestJS

Support écrit : https://dub.sh/remix-plus-nestjs

Partie 1 :    • Développe 2X plus VITE ! Remix, NestJ...  
Partie 2 :    • Déploie un monorepo Remix ! CI CD, Gi...  
Partie 3 :    • On intègre le design system ! Figma, ...  
Partie 4 :    • Authentification avec Redis, express-...  
Partie 5 :    • Authentification par token avec Docke...  

--- Autres contenus

Déploie tes projets Javascript sur un VPS    • Comment héberger tes projets JAVASCRI...  
Développe 2X plus vite avec cette stack Remix    • Développe 2X plus VITE ! Remix, NestJ...  
BiomeJS, l'outil qui optimise ton code    • Cet outil AMÉLIORE la qualité de ton ...  

--- Contenu Remix

Comment héberger des fichiers avec Remix ?    • Comment héberger des fichiers avec Re...  
Comment valider un formulaire full-typesafe ?    • Valide ton formulaire avec Remix, Zod...  
Comment fonctionne le routing ?    • Routing avec le framework Remix : Gui...  

Cette stack utilise les technologies suivantes :
- Remix https://remix.run
- React https://react.dev
- NestJS https://nestjs.com
- Turborepo https://turbo.build
- TailwindCSS https://tailwindcss.com
- ShadcnUI https://ui.shadcn.com
- Prisma ORM https://www.prisma.io
- Typescript https://www.typescriptlang.org
- Github Actions https://github.com/features/actions

Contenus exclusifs : https://dub.sh/algomax
Newsletter : https://algomax.fr/newsletter

--- Nos réseaux

Twitter : https://link.algomax.fr/twitter
LinkedIn : https://link.algomax.fr/linkedin
YouTube : https://link.algomax.fr/youtube
Instagram : https://link.algomax.fr/insta
Facebook : https://link.algomax.fr/fb