¡Hola! Mi nombre es Kirill, he estado haciendo desarrollo web por más de 8 años. Hace unos meses comenzamos a desarrollar un nuevo proyecto y teníamos una tarea de frente súper rápido, mientras manteníamos toda la diversión de los marcos reactivos. ¡Conoce el marco sexy!
Entonces, Sexy Framework es un compilador y analizador reactivo de Javascript para crear interfaces de usuario. A diferencia de otros frameworks, Sexy está diseñado para aprovechar al máximo el potencial nativo de Javascript.
Esto significa que el marco no se ejecuta en tiempo de ejecución. Él hace todo el trabajo principal en el momento de la compilación. El marco analiza sus componentes y los traduce a Javascript nativo con muy poca sobrecarga: el peso máximo del paquete es de solo 3.7kb gzip. (si se utilizarán todos los tipos de renderizado, animación, etc.)
En general, Sexy Framework fue creado para trabajar en conjunto con el renderizado del servidor, donde muestra los mejores números de Google PageSpeed. Por ejemplo, el valor de FID (retraso de entrada de Fisrt) al hidratar 500 componentes estáticos solo toma 50 ms, cuando NuxtJs tiene 180ms y Svelte tiene 500ms.
Esto no sería tan importante si la proporción de dispositivos móviles en Internet no fuera del 68% y no se trata solo de SEO.
Ahora puede usar el enfoque de componentes y las pruebas de componentes normales para sitios web regulares también.
¿Por qué es tan sexy?
1. No funciona en tiempo de ejecución
La mayor parte del trabajo ocurre en el nivel de compilación, y terminas con Javascript nativo y súper eficiente que te permite crear aplicaciones web rápidas.
2. No usa DOM virtual
Nuevamente, a diferencia de otros frameworks, se usa el DOM nativo en lugar del DOM virtual.
3. No hay bibliotecas reactivas
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- .