„Svelte“ yra paprasta sistema, kurią lengva naudoti, o naujausi pakeitimai turėtų padaryti jį dar lengviau.

2023 m. birželio mėn. „Svelte“ paskelbė apie savo naujausią stabilią 4 versiją. „Svelte 4“ naujinimas visų pirma yra „Svelte 3“ techninės priežiūros leidimas, kuriuo siekiama sudaryti sąlygas naujos kartos „Svelte“ išleisti kaip „Svelte 5“.

„Svelte 4“ prideda įvairių „Svelte“ ekosistemos patobulinimų, įskaitant svetainės pertvarkymą, vietinių perėjimų nustatymą kaip numatytuosius, patobulintą žiniatinklio komponentų palaikymą ir perėjimą nuo „TypeScript“ prie JSDoc.

1. Svelte svetainės pertvarkymas

Svelte 4 atvyko kartu su oficialaus patobulinimais Svelte svetainė. Nauja svetainės išvaizda yra fantastiška su patobulintais TypeScript dokumentais, tamsaus režimo parinktisir apskritai geresnė naudotojo patirtis visuose įrenginiuose.

Svelte svetainėje dabar yra patobulintas REPL, kuris leidžia eksperimentuoti su Svelte kodu tiesiogiai naršyklėje.

Be to, visos „Svelte“ mokymo programos nuorodos dabar nurodo naują „Svelte“ besimokančiųjų patirtį, o senas mokymo programas gali naudoti „Safari 16.3“ ir senesnės versijos naudotojai.

instagram viewer

2. Vietiniai perėjimai yra numatytieji

Įsivaizduokite skausmingą patirtį, kai turėjote pasitenkinti CSS perėjimais po to, kai žiūrite, kaip jūsų puslapis įkeliamas ilgiau nei tikėtasi, nes naudojote „Svelte“ perėjimus.

Paprastai, kai sunaikinate pagrindinį bloką, paleidžiamas perėjimas. Galite nepaisyti šio elgesio naudodami |vietinis modifikatorius. Dėl to perėjimas bus vykdomas tik tada, kai sunaikinate bloką, kuriame yra tikslinis komponentas. Svelte 4, tai |vietinis modifikatorius nustatytas kaip numatytasis perėjimams.

Toliau esančiame fragmente skaidrės perėjimas pridedamas vietoje div elementas:

 {item}

3. Patobulintas žiniatinklio komponentų palaikymas

„Svelte“ visada skatino pakartotinį naudojimą ir techninę priežiūrą, todėl nuolat palaiko žiniatinklio komponentus. Naudodami žiniatinklio komponentus galite sukurti daugkartinio naudojimo pasirinktinius HTML elementus su įterptais stiliais ir elgesiu.

„Svelte 4“ pakeičia žiniatinklio komponentų generavimo būdą, pašalindama klaidas ir neatitikimus. Šie pakeitimai apima:

  • Eksportuoti sukuria komponento atramą, todėl ji tampa prieinama komponentų vartotojams.
  • Užduotys yra reaktyvios. Norėdami pakeisti komponento būseną ir suaktyvinti pakartotinį pateikimą, priskirkite jį lokaliai deklaruojamam kintamajam.
  • Naudoti $ simbolis teiginio pradžioje, kad pažymėtumėte jį kaip reaktyvų teiginį. Reaktyvūs teiginiai vykdomi po kito scenarijaus kodo ir prieš pateikiant komponento žymėjimą, kai pasikeičia priklausomos reikšmės.
  • Kurdami parduotuvės objektus, priešdėlį parduotuvė su $ leisti reaktyviąją prieigą prie vertės.
  • Scenarijaus žymos kontekstinio atributo nustatymas į modulis todėl scenarijus paleidžiamas vieną kartą, kai modulis pirmą kartą įvertina, o ne kiekvieną komponento egzempliorių.

4. Perėjimas iš TypeScript į JSDoc

JSDoc yra dokumentacijos įrankis, palaikantis tipo anotacijų ir komentarų pridėjimą prie JavaScript kodų.

Atsižvelgiant į tai, kad JSDoc apgaudinėja kūrėjus, kad jie dokumentuotų savo kodus, šiuo perkėlimu siekiama paskatinti daugiau Svelte kūrėjų suformuoti įprotį tinkamai dokumentuoti savo kodus. Tinkamai dokumentuotai „JavaScrpt“ kodų bazei prireiktų mažai tipo tikrinimo arba jo visai nereikia.

Jei pirmą kartą naudojate TypeScript, turėtumėte Naršykite „TypeScript“ ir sužinokite, kodėl kūrėjai jam teikia pirmenybę.

Perėjimas į Svelte 4

„Svelte 4“ turi patobulintą našumą ir supaprastintą plėtrą, kuri puikiai tinka kuriant didelio našumo žiniatinklio programas. Ši nauja versija taip pat turėtų paskatinti geresnį kodo dokumentavimą pereinant prie JSDoc.

„Svelte“ toliau tobulėja ir, nors tai nėra visiems kūrėjams pažįstama sistema, tie, kurie yra susipažinę su ja, labai giria.