Najnovija verzija okvira Svelte poboljšava performanse s nekoliko novih značajki.

Izdavanjem najnovije verzije, Svelte 4, hvaljeni JavaScript okvir za razvoj web aplikacija napravio je veliki korak naprijed. Ovo ažuriranje donosi mnoštvo uzbudljivih poboljšanja, s primarnim fokusom na optimizaciju performansi i poboljšanje iskustva programera.

Manji i neovisniji

Jedno od najistaknutijih poboljšanja je znatno smanjenje ukupne veličine. Od pozamašnih 10,6 MB, veličina Sveltea sada je mnogo tanja od 2,8 MB, što je smanjenje od impresivnih 75%.

Osim toga, tim koji stoji iza Spretan JavaScript okvir je pojednostavio broj ovisnosti sa 61 na 16. Ovo smanjenje ima višestruke prednosti, uključujući brže REPL iskustvo, poboljšanu interaktivnost web-mjesta i nevjerojatno brže izvođenje npm instalacije, bez obzira na upravitelja paketima radije.

Osim optimizacije veličine paketa, Svelte je također fino podesio kod koji generira za hidrataciju. Na primjer, kôd za web stranicu SvelteKit sada iznosi 110,2 kB sa 126,3 kB, što je smanjenje od 13%.

instagram viewer

Poboljšano iskustvo programera

Svelte sada prema zadanim postavkama postavlja prijelaze na lokalne, osiguravajući da prema zadanim postavkama nisu globalni. To minimizira rizik od interferencije s drugim prijelazima i sprječava sudare tijekom učitavanja stranice, pružajući glatko korisničko iskustvo.

Web komponente

Stvaranje web-komponenti u Svelteu sada je jednostavno pomoću novog označiti:

"moja-komponenta" />

Dok se ovaj pristup pokazao lakim za korištenje u jednostavnim slučajevima, predstavljao je ograničenja za naprednije scenariji poput kontrole trebaju li se ažurirane vrijednosti proporcija odražavati u DOM-u ili onemogućavanje sjene DOM.

Svelte 4 je revolucionirao autorsko iskustvo web komponenti uvođenjem namjenskog atributa customElement u vitak: opcije. Ovaj atribut vam omogućuje konfiguriranje web komponenti s različitim opcijama:

 customElement={{
 označiti: 'prilagođeni element',
 sjena: 'ništa',
 rekviziti: {
 Ime: {
 Odražava ažuriranu vrijednost natrag u DOM 
 odražavati: pravi,
 Odražava vrijednost kao broj 
 tip: 'Broj',


 Naziv od atributa 
 atribut: 'element-index'
 }
 }
 }}
/>