Das sexy Framework für Webanwendungen

Hallo! Mein Name ist Kirill, ich mache seit über 8 Jahren Webentwicklung. Vor ein paar Monaten haben wir mit der Entwicklung eines neuen Projekts begonnen und hatten die Aufgabe, eine superschnelle Front zu schaffen, während wir den Spaß an reaktiven Frameworks behalten. Treffen Sie den sexy Rahmen!

---

Das Sexy Framework ist also ein reaktiver Javascript-Compiler und -Analysator zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen Frameworks wurde Sexy entwickelt, um das native Potenzial von Javascript voll auszuschöpfen.

Dies bedeutet, dass das Framework nicht zur Laufzeit ausgeführt wird. Er erledigt alle Hauptarbeiten zum Zeitpunkt der Zusammenstellung. Das Framework analysiert Ihre Komponenten und übersetzt sie mit sehr geringem Aufwand in natives Javascript: Das maximale Bundle-Gewicht beträgt nur 3,7 KB gzip. (wenn alle Arten von Rendering, Animation usw. verwendet werden)

Im Allgemeinen wurde das Sexy-Framework so konzipiert, dass es in Verbindung mit dem Server-Rendering funktioniert und die besten Google PageSpeed-Nummern anzeigt. Zum Beispiel dauert der FID-Wert (Fisrt Input Delay) beim Hydratisieren von 500 statischen Komponenten nur 50 ms, wenn NuxtJs 180 ms und Svelte 500 ms hat.

Dies wäre nicht so wichtig, wenn der Anteil mobiler Geräte im Internet nicht etwa 68% betragen würde und es sich nicht nur um SEO handelt.

Jetzt können Sie den Komponentenansatz und normale Komponententests auch für reguläre Websites verwenden.

Warum ist er so sexy?

1. Funktioniert nicht zur Laufzeit

Der Großteil der Arbeit findet auf der Kompilierungsebene statt, und Sie erhalten natives und supereffizientes Javascript, mit dem Sie schnelle Webanwendungen erstellen können.

2. Verwendet kein virtuelles DOM

Im Gegensatz zu anderen Frameworks wird das native DOM anstelle des virtuellen DOM verwendet.

3. Keine reaktiven Bibliotheken

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 dev

2. – (webpack)

.

Sexy framework

alpha .

Vue, . .

, core- .