Halo! Nama saya Kirill, saya telah melakukan pengembangan web selama lebih dari 8 tahun. Beberapa bulan yang lalu kami mulai mengembangkan proyek baru dan kami memiliki tugas super cepat depan, sambil menjaga semua kesenangan dari kerangka kerja reaktif. Temui kerangka Sexy!
Jadi, Sexy framework adalah kompiler dan analisa Javascript reaktif untuk membuat antarmuka pengguna. Tidak seperti kerangka kerja lain, Sexy dirancang untuk mengambil keuntungan penuh dari potensi asli Javascript.
Ini berarti kerangka kerja tidak berjalan saat runtime. Dia melakukan semua pekerjaan utama pada saat kompilasi. Kerangka kerja ini menganalisis komponen Anda dan menerjemahkannya ke dalam Javascript asli dengan biaya overhead yang sangat sedikit: berat bundel maksimum hanya 3,7 kb gzip. (jika semua jenis rendering, animasi, dll. akan digunakan)
Secara umum, kerangka Sexy dibuat untuk bekerja bersama dengan rendering server, di mana ia menunjukkan angka Google PageSpeed terbaik. Misalnya, nilai FID (Fisrt input delay) saat menghidrasi 500 komponen statis hanya membutuhkan 50ms, ketika NuxtJs memiliki 180ms, dan Svelte memiliki 500ms.
Ini tidak akan begitu penting jika pangsa perangkat seluler di Internet tidak sekitar 68% dan itu bukan hanya SEO.
Sekarang Anda dapat menggunakan pendekatan komponen dan pengujian komponen normal untuk situs web biasa juga.
Kenapa dia begitu seksi?
1. Tidak berfungsi saat runtime
Sebagian besar pekerjaan terjadi pada tingkat kompilasi, dan Anda berakhir dengan Javascript asli dan super efisien yang memungkinkan Anda untuk membangun aplikasi web yang cepat.
2. Tidak menggunakan DOM virtual
Sekali lagi, tidak seperti kerangka kerja lain, DOM asli digunakan sebagai pengganti DOM virtual.
3. Tidak ada perpustakaan reaktif
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- .