Најновија верзија Свелте оквира побољшава перформансе са неколико нових функција.

Са издавањем своје најновије верзије, Свелте 4, хваљени ЈаваСцрипт оквир за развој веб апликација направио је велики корак напред. Ово ажурирање доноси мноштво узбудљивих побољшања, са примарним фокусом на оптимизацији перформанси и побољшању искуства програмера.

Мањи и независнији

Једно од најважнијих побољшања је значајно смањење укупне величине. Са огромних 10,6 МБ, Свелте-ова величина је сада много тања од 2,8 МБ, што представља смањење величине од импресивних 75%.

Поред тога, тим који стоји иза Сјајан ЈаваСцрипт оквир је поједноставио број зависности са 61 на 16. Ово смањење има вишеструке предности, укључујући брже РЕПЛ искуство, побољшану интерактивност веб-сајтове и изузетно брже извршавање нпм инсталације, без обзира на менаџер пакета који преферирати.

Поред оптимизације величине пакета, Свелте је такође фино подесио код који генерише за хидратацију. На пример, код за веб локацију СвелтеКит сада износи 110,2 кБ са 126,3 кБ, што је смањење од 13%.

instagram viewer

Побољшано искуство програмера

Свелте сада подразумевано подешава прелазе на локални, обезбеђујући да они подразумевано нису глобални. Ово минимизира ризик од ометања других прелаза и спречава колизије током учитавања странице, пружајући лакше корисничко искуство.

Веб Цомпонентс

Креирање веб компоненти у Свелте-у је сада једноставно коришћењем новог ознака:

"моја компонента" />

Иако се овај приступ показао лаким за употребу у једноставним случајевима, представљао је ограничења за напредније сценарије као што је контрола да ли ажуриране вредности пропса треба да се одражавају у ДОМ-у или онемогућавање сенке ДОМ.

Свелте 4 је револуционисао ауторско искуство веб компоненти увођењем наменског атрибута цустомЕлемент у витко: опције. Овај атрибут вам омогућава да конфигуришете веб компоненте са различитим опцијама:

 цустомЕлемент={{
 ознака: 'цустом-елемент',
 сенка: 'ниједан',
 реквизити: {
 име: {
 Одражава ажурирану вредност назад у ДОМ 
 одразити: истина,
 Одражава вредност каоспан> број 
 тип: 'Број',


 Назив одспан> атрибута 
 атрибут: 'индекс елемента'
 }
 }
 }}
/>