Поставете JavaScript на диета със Svelte

За тази нова статия реших да ви дам късен коледен подарък: няма да ви разказвам за Vue.js ! Всъщност и за да компенсирам неизбежните килограми, които мнозинството от нас са натрупали през този период на широко разпространено разврат, днес ще се съсредоточа върху инструмент за улесняване на отслабването ... от вашия JavaScript код: подходящо нареченото Стройна !

диета

Но какво, по дяволите, е това !?

Svelte е доста млада рамка, но има много приказки за това и с основателна причина: въз основа на философия, подобна на Vue.js или дори Реагирайте, а именно дърво от компоненти, написани по декларативен начин, по който данните циркулират в една посока, но се различава съществено от двамата си големи братя в решаващ момент. Оказва се, че Svelte също е - ако не преди всичко - а компилатор; с други думи, кодът, който обслужвате на потребителите си, не се състои от рамковия код плюс вашия код, транслиран при необходимост, а по-скоро от код, еквивалентен на написаното от вас, но трансформиран в операции, разбираеми за обикновения браузър. Няма следа от източника на Svelte във вашия пакет, а само директно полезен и ефективен код, който между другото не разчита на виртуален DOM да функционира.

И това има много общо с размера на въпросния пакет ?

Ти го каза, подпухнало! За да вземем примера на React, рамката (реагиране и реакция-dom) тежи около 45kb сама по себе си. Внедряването на TodoMVC в Svelte (т.е. приложение, което всъщност прави нещо) тежи 3,6 kb. По отношение на производителността, Svelte също е по-бърз от React или Vue.js като цяло. Позволих ви да прочетете тази публикация за повече информация за всичко това.