salut! Je m'appelle Kirill, je fais du développement web depuis plus de 8 ans. Il y a quelques mois nous avons commencé à développer un nouveau projet et nous avions une tâche de front super rapide, tout en gardant tout le plaisir des frameworks réactifs. Rencontrez le cadre Sexy!
Ainsi, Sexy Framework est un compilateur et analyseur Javascript réactif pour créer des interfaces utilisateur. Contrairement à d'autres frameworks, Sexy est conçu pour tirer pleinement parti du potentiel natif de Javascript.
Cela signifie que le framework n'est pas en cours d'exécution au moment de l'exécution. Il fait tout le travail principal au moment de la compilation. Le framework analyse vos composants et les traduit en Javascript natif avec très peu de frais généraux: le poids maximum du bundle n'est que de 3,7 ko gzip. (si tous les types de rendu, d'animation, etc. seront utilisés)
En général, le framework Sexy a été conçu pour fonctionner en conjonction avec le rendu du serveur, où il affiche les meilleurs nombres de Google PageSpeed. Par exemple, la valeur FID (Fisrt input delay) lors de l'hydratation de 500 composants statiques ne prend que 50 ms, lorsque NuxtJs a 180 ms et Svelte 500 ms.
Ce ne serait pas si important si la part des appareils mobiles sur Internet n'était pas d'environ 68% et qu'il ne s'agissait pas uniquement de SEO.
Vous pouvez désormais utiliser l'approche des composants et les tests de composants normaux pour les sites Web classiques.
Pourquoi est-il si sexy?
1. Ne fonctionne pas lors de l'exécution
La plupart du travail se déroule au niveau de la compilation, et vous vous retrouvez avec du Javascript natif et super efficace qui vous permet de créer des applications Web rapides.
2. N'utilise pas le DOM virtuel
Encore une fois, contrairement à d'autres frameworks, le DOM natif est utilisé à la place du DOM virtuel.
3. Aucune bibliothèque réactive
Sexy , , , . ? . Sexy Javascript , .
4.
Sexy hydrate first. , , FID TTI. ( SSR) , 3 .
5.
Sexy Javascript , sexy- .
6.
, Sexy , - . … .
Sexy framework
Sexy :
1. – -
npx create-sexy-app sexy-app
npm run dev2. – (webpack)
Sexy framework
alpha .
, core- .