Publié le 11 novembre 2024 dans Conférences

Conférence d’Anthony Ricaud
Voir les slides
Regarder la vidéo

Présentation de l’orateur

Anthony est consultant en performance et architecture web, il accompagne les équipes pour améliorer leurs projets web. Avec une large compréhension des protocoles Web et des navigateurs, il aime concevoir des architectures Web simples mais rapides.

Inconvénients des Single Page Apps pour le visiteur

  • C’est lourd au chargement
  • Le rendu se fait côté serveur
    • Le contenu est lisible rapidement
    • La page interprétant que le JS n’est pas téléchargé et executé
    • Si le JS s’exécute…

Gaslighting : Manipulation mentale présentant une information déformée dans le but de faire douter les victimes de leur mémoire ou de leur perception de la réalité

Quasiment toutes les offres d’emploi mentionnent React / VueJs / … Pour choisir il faut connaître les limites de la technologie.

Inconvénients pour le développeur

  • Côté back-end / adminSys
    • Savoir faire tourner la technologie back-end (nodeJS)
    • Devoir créer une API dans un framework back-end
      • On perd la cohésion qu’apporte le framework entre les formulaires, les vues et les modèles
      • Cela rajoute du formaliste dans les équipes

Fuite en avant du JS

  • Temps de compilation
  • Écosystème JS : la syntaxe React change souvent

Comment faire des Single Page Apps sans JS robustes et agréables ?

  • Fournir un service utilisable sans JS
  • Rendre les échanges avec le serveur plus réactif
  • Améliorer les interaction qui dépendent du serveur

Service utilisable sans JS

  • On vient sur une publication pour obtenir une info
  • Site e-commercant pour faire un achat

Pour mettre de la couleur sur un formulaire, on peut utiliser cet propriété CSS : accent-color

Pour faire un scroll smooth : il suffit de rajouter cette propriété sur le html : scroll-behavior=smooth

Le HTML et le CSS progressent en permanence.