Comment ces frameworks JavaScript rendent vos applications web (beaucoup) plus rapides ?

Angular, React, Vue ou Svelte ont fait leurs preuves. Leurs limitations ont été identifiées puis corrigées notamment avec le Lazy Loading puis le Server-Side Rendering. Mais une limite semble être atteinte. Quel changement de paradigme proposent les nouveaux frameworks ? Cette vidéo vous permettra de comprendre des concepts importants tels que : Hydration, Resumability, Sparse Hydration, Lazy Execution, Signals et quelques autres choses, qui feront de vous une développeuse ou un développeur conscient de ce qui se joue.

Coupon de réduction pour la formation “Qwik par la pratique” :
https://codeconcept.teachable.com/p/qwik-par-la-pratique?coupon_code=QWICKYT

Formations Front, Back et FullStack :
https://codeconcept.teachable.com/

Accès rapide :
0:39 Server-Side Rendering pour rendre vos Single Page Application plus rapides
1:58 Le problème de la phase d’hydratation (hydration)
2:35 Partial Hydration
3:57 Sparse Hydration avec les React Server Components
5:02 La Résumabilité (Resumability)
5:45 Quels frameworks pourront implémenter la resumability ?
6:06 Signals vs State
7:24 Une application comportant plusieurs points d’entrée
8:09 Lazy Execution plutôt que Lazy Loading
8:49 Le DOM comme ‘Source of Truth’
9:55 Trouver les limites de vos composants
10:33 Bootstrap d’application à la demande
11:52 Sérialisation de données dans le DOM
12:41 Changement de paradigme impossible à répliquer ?

Mon matériel d’enregistrement (liens affiliés) :
Micro Rode https://amzn.to/3HdaFC1
Bras articulé Rode https://amzn.to/3XQnOrR
iMac : https://amzn.to/3BX16Fh
Clavier iMac avec pavé numérique : https://bit.ly/3IJ8Ezh

Mon matériel de préparation sur PC (liens affiliés) :
Enceintes Creative Pebble Plus https://amzn.to/3WMbLdC
Clavier ergonomique https://amzn.to/3DmTAEx
Souris Microsoft Sculpt Ergonomic https://amzn.to/409rZAu

Liens cités dans la vidéo :
https://www.builder.io/blog/hydration-tree-resumability-map
https://qwik.builder.io/
https://nextjs.org/docs/getting-started/react-essentials
https://astro.build/