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

У јуну 2023. Свелте је најавио своје најновије стабилно издање, верзију 4. Свелте 4 ажурирање је првенствено издање за одржавање Свелте-а 3, са циљем да се постави основа за следећу генерацију Свелте-а која ће бити објављена као Свелте 5.

Свелте 4 додаје разна побољшања Свелте екосистему, укључујући редизајн веб странице, постављање локалних прелаза као подразумеваних, побољшање подршке за веб компоненте и прелазак са ТипеСцрипт на ЈСДоц.

1. Свелте редизајн сајта

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

Свелте сајт сада има побољшани РЕПЛ који вам омогућава да експериментишете са Свелте кодом директно у претраживачу.

Такође, све Велте туторијале сада упућују на ново искуство Свелте ученика, док су стари водичи доступни за кориснике Сафарија 16.3 и раније.

instagram viewer

2. Локални прелази су подразумевани

Замислите болно искуство када морате да се задовољите ЦСС прелазима након што сте гледали како се страница учитава дуже него што се очекивало јер сте користили Свелте прелазе.

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

У исечку испод, прелаз слајда је локално додат у див елемент:

 {итем}

3. Побољшана подршка за веб компоненте

Свелте је увек промовисао поновну употребљивост и могућност одржавања, отуда и његова стална подршка за веб компоненте. Веб компоненте вам омогућавају да креирате прилагођене ХТМЛ елементе за вишекратну употребу са убаченим стиловима и понашањем.

Свелте 4 мења начин на који генерише веб компоненте, уклањајући грешке и недоследности. Ове промене укључују:

  • Извоз креира компонентни реквизит, чинећи га доступним потрошачима компоненти.
  • Задаци су реактивни. Да бисте променили стање компоненте и покренули поновно приказивање, доделите је локално декларисаној променљивој.
  • Користити $ симбол на почетку изјаве да се означи као реактивна изјава. Реактивни изрази се покрећу након другог кода скрипте и пре приказивања ознаке компоненте, кад год се зависне вредности промене.
  • Када креирате објекте продавнице, ставите префикс продавнице са $ да омогући реактиван приступ вредности.
  • Постављање атрибута контекста ознаке скрипте на модул узрокује да се скрипта покрене једном када модул први пут процени, а не за сваку инстанцу компоненте.

4. Прелазак са ТипеСцрипт на ЈСДоц

ЈСДоц је алатка за документацију која подржава додавање напомена типа и коментара у ЈаваСцрипт кодове.

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

Ако сте нови у ТипеСцрипт-у, требало би истражите ТипеСцрипт и откријте зашто га програмери преферирају.

Прелазак на Свелте 4

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

Свелте наставља да се побољшава, и иако то није оквир са којим је упознат сваки програмер, они који га јако хвале.