こんにちは!私の名前はキリルです。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 .
, core- .