Formation RemixJS

Programme de notre formation RemixJs

Introduction à RemixJS

• Qu’est-ce que RemixJS
• Différences principales entre Remix et NextJS
• Configuration
• Fonctions de base avec RemixJS 
• Création basique d’application  avec RemixJS

Système de routage et structure des fichiers

• Organisation des fichiers dans Remix
  • dossier route 
  • dossier app
• Création de routes statiques et dynamiques
• nested routing
• Gestion des paramètres d’URL
• Configuration des "<Link>" "<NavLink>"

 Gestion des données avec le loaders

• Introduction aux loaders pour la récupération des données
• Utilisation des actions pour la soumission de données
• Gestion des erreurs et retour utilisateur grâce à la commande « useActionData« 
• traitement des réponses API
• Optimisation des données avec la mise en cache des loaders
• Manipulation de fetch

Gestion du style et expérience utilisateur

• Importation et utilisation de fichiers CSS dans Remix
• Intégration de Tailwind CSS pour du développement rapide
• Ajout de transitions fluides entre les pages avec React et Remix
• Gestion des styles spécifiques

Intégration d’API et interopérabilité

• Consommation des API REST avec loaders
• intégration de l’ API GraphQL dans Remix
• Gestion des erreurs et exceptions pour les appels API
• Utilisation de bibliothèques externes pour les requêtes
• Mise en place de WebSockets avec Remix

Authentification et sécurité

• Intégration d’un système d’authentification utilisateur avec JWT
• Utilisation d’OAuth pour les connexions via Google ou GitHub
• Sécurisation des routes avec des vérifications côté serveur
• Gestion des sessions utilisateur et stockage sécurisé
• Protection contre les failles courantes CSRF et XSS

 Déploiement et gestion des erreurs

• listing des options de déploiment
  • Vercel
  • Netlify
  • AWS
• Configuration des environnements pour la production
• Gestion des erreurs globales
• Monitoring des performances et suivi des erreurs en production
• Utilisation des logs pour le debugging et l’audit