Formation Inertia.js : Performance & Modern Monolith

Programme de notre formation Inertia.js : Performance & Modern Monolith

[Jour 1 – Matin]

Inertia.js et architecture Modern Monolith

• Comprendre le fonctionnement et le positionnement d’Inertia.js
• Comprendre le concept de Modern Monolith et ses principes d’architecture
• Comparer Modern Monolith, application traditionnelle et SPA avec API séparée
• Comprendre le rôle de Laravel pour le routing, les controllers, l’authentification et l’accès aux données
• Utiliser Vue.js pour construire une interface réactive sans maintenir une API REST dédiée
• Installer et configurer Inertia.js avec Laravel et Vue.js

[Jour 1 – Après-midi]

Pages, props et navigation avec Inertia.js

• Créer et retourner des pages avec Inertia::render
• Transmettre les données du backend aux composants Vue avec les props
• Partager des données entre plusieurs pages avec les Shared Data
• Mettre en place des layouts persistants et organiser les composants de l’application
• Gérer les liens et la navigation côté client sans rechargement complet
• Maîtriser la taille et le cycle de vie des props pour limiter les transferts de données inutiles

Formulaires et interactions métier

• Créer et gérer des formulaires Inertia
• Exploiter la validation Laravel dans l’interface Vue.js
• Afficher et gérer les erreurs de validation
• Préserver l’état des composants pendant les navigations
• Gérer les redirections, messages flash et interactions utilisateur
• Limiter les rechargements inutiles pour maintenir une expérience utilisateur fluide

[Jour 2 – Matin]

Optimiser les performances du Modern Monolith

• Identifier les données et requêtes qui ralentissent les navigations Inertia.js
• Utiliser les Partial Reloads pour actualiser uniquement les données nécessaires
• Exploiter les Deferred Props pour différer le chargement des données non prioritaires
• Mettre en œuvre le prefetching pour anticiper les navigations
• Optimiser les listes, volumes de données et props transmises par le backend
• Mesurer l’impact des optimisations sur les temps de chargement et la navigation

[Jour 2 – Après-midi]

Fonctionnalités avancées et expérience SPA

• Mettre en œuvre le chargement différé et les interactions asynchrones
• Gérer le scroll, l’historique et la préservation de l’état
• Construire des interfaces avec pagination et infinite scrolling
• Utiliser le polling lorsque les données nécessitent une actualisation régulière
• Mettre en œuvre le code splitting pour réduire le JavaScript chargé initialement
• Conserver une expérience proche d’une SPA tout en maintenant l’architecture Modern Monolith

SSR, optimisation et mise en production

• Comprendre le fonctionnement du Server-Side Rendering (SSR) avec Inertia.js
• Identifier les cas où le SSR améliore le chargement initial et le référencement
• Configurer le rendu côté serveur avec Laravel et Vue.js
• Optimiser les assets et préparer l’application pour la production
• Contrôler les performances frontend et backend du Modern Monolith
• Appliquer les bonnes pratiques de déploiement et de maintenance d’une application Inertia.js