Webアプリケーションの最もセクシーなフレームワーク

こんにちは!私の名前はキリルです。8年以上Web開発を行っています。数か月前、私たちは新しいプロジェクトの開発を開始し、反応性フレームワークのすべての面白さを保ちながら、超高速フロントのタスクを持っていました。セクシーなフレームワークに会いましょう!






だから、セクシーなフレームワークは、ユーザーインターフェイスを作成するための反応的なJavascriptコンパイラとアナライザーです。他のフレームワークとは異なり、SexyはJavascriptの本来の可能性を最大限に活用するように設計されています。



これは、フレームワークが実行時に実行されていないことを意味します。彼は編集時にすべての主要な作業を行います。フレームワークはコンポーネントを分析し、ほとんどオーバーヘッドなしでコンポーネントをネイティブJavascriptに変換します。バンドルの最大の重みは3.7kb gzipのみです。(すべての種類のレンダリング、アニメーションなどが使用される場合)



一般に、Sexyフレームワークはサーバーレンダリングと連動するように作成されており、最高のGoogle PageSpeed数値を表示します。たとえば、NuxtJsが180ms、Svelteが500msの場合、500の静的コンポーネントをハイドレートするときのFID(Fisrt input delay)値は50msしかかかりません。



インターネット上のモバイルデバイスのシェアが約68%でなく、SEOだけではない場合、これはそれほど重要ではありません。



これで、通常のWebサイトでもコンポーネントアプローチと通常のコンポーネントテストを使用できます。



なぜ彼はとてもセクシーなのですか?



1.実行時に機能しない



ほとんどの作業はコンパイルレベルで行われ、高速のWebアプリケーションを構築できるネイティブで非常に効率的なJavascriptが作成されます。



2.仮想DOMを使用しない



この場合も、他のフレームワークとは異なり、仮想DOMの代わりにネイティブDOMが使用されます。



3.リアクティブライブラリなし



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- .




All Articles