Olá! Meu nome é Kirill, faço desenvolvimento web há mais de 8 anos. Há alguns meses, começamos a desenvolver um novo projeto e tivemos uma tarefa de frente super rápida, mantendo toda a diversão de estruturas reativas. Conheça o quadro Sexy!
Portanto, o Sexy framework é um compilador e analisador Javascript reativo para criar interfaces de usuário. Diferente de outras estruturas, o Sexy foi projetado para aproveitar ao máximo o potencial nativo do Javascript.
Isso significa que a estrutura não está sendo executada em tempo de execução. Ele faz todo o trabalho principal no momento da compilação. A estrutura analisa seus componentes e os converte em Javascript nativo com muito pouca sobrecarga: o peso máximo do pacote é de apenas 3.7kb gzip. (se todos os tipos de renderização, animação etc. forem usados)
Em geral, o framework Sexy foi criado para funcionar em conjunto com a renderização do servidor, onde mostra os melhores números do Google PageSpeed. Por exemplo, o valor do FID (atraso de entrada Fisrt) ao hidratar 500 componentes estáticos leva apenas 50ms, quando NuxtJs tem 180ms e Svelte tem 500ms.
Isso não seria tão importante se a participação de dispositivos móveis na Internet não fosse de cerca de 68% e não fosse apenas SEO.
Agora você também pode usar a abordagem de componentes e o teste normal de componentes para sites regulares.
Por que ele é tão sexy?
1. Não funciona em tempo de execução
A maior parte do trabalho acontece no nível da compilação, e você acaba com Javascript nativo e super eficiente, que permite criar aplicativos da Web rápidos.
2. Não usa DOM virtual
Novamente, diferente de outras estruturas, o DOM nativo é usado em vez do DOM virtual.
3. Nenhuma biblioteca reativa
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- .