A Svelte 4 újdonságai?

2023 júniusában a Svelte bejelentette legújabb stabil kiadását, a 4-es verziót. A Svelte 4 frissítés elsősorban a Svelte 3 karbantartási kiadása, amelynek célja, hogy előkészítse a Svelte következő generációjának Svelte 5 néven történő megjelenését.

A Svelte 4 különféle fejlesztésekkel egészíti ki a Svelte ökoszisztémát, beleértve a webhely újratervezését, a helyi átmenetek alapértelmezett beállítását, a webkomponensek támogatásának javítását, valamint a TypeScriptről a JSDoc-ra való átállást.

1. Svelte Site Redesign

Megérkezett a Svelte 4 a hivatalos fejlesztésekkel együtt Svelte weboldal. A webhely új megjelenése fantasztikus, továbbfejlesztett TypeScript-dokumentumokkal, sötét mód opció, és általában jobb felhasználói élményt biztosít az eszközökön.

A Svelte webhely továbbfejlesztett REPL-lel rendelkezik, amely lehetővé teszi, hogy közvetlenül a böngészőben kísérletezzen a Svelte kóddal.

Ezenkívül az összes Svelte oktatóanyag hivatkozás most az új Svelte tanulói élményre mutat, míg a régi oktatóanyagok elérhetők a Safari 16.3 és korábbi verzióinak felhasználói számára.

2. A helyi átmenetek az alapértelmezettek

Képzelje el azt a fájdalmas élményt, amikor meg kell elégednie a CSS-átmenetekkel, miután a vártnál hosszabb ideig figyelte az oldal betöltését, mert Svelte átmeneteket használt.

Általában egy átmenet játszódik le, amikor megsemmisít egy szülőblokkot. Ezt a viselkedést felülbírálhatja a |helyi módosító. Ez azt eredményezi, hogy az átmenet csak akkor fut le, ha megsemmisíti a célkomponenst tartalmazó blokkot. A Svelte 4-ben ez |helyi módosító van beállítva alapértelmezettként az átmenetekhez.

Az alábbi részletben egy diaátmenet helyileg hozzáadva a div elem:

 {tétel}

3. Továbbfejlesztett webkomponens-támogatás

A Svelte mindig is támogatta az újrafelhasználhatóságot és a karbantarthatóságot, ezért folyamatosan támogatja a webes összetevőket. A webes összetevők segítségével újrafelhasználható egyéni HTML elemeket hozhat létre beilleszthető stílusokkal és viselkedéssel.

A Svelte 4 megváltoztatja a webes összetevők létrehozásának módját, eltávolítva a hibákat és az inkonzisztenciákat. Ezek a változások a következőket tartalmazzák:

• Export alkatrész-támaszt hoz létre, elérhetővé téve az alkatrészfogyasztók számára.
• A hozzárendelések reaktívak. Egy összetevő állapotának megváltoztatásához és az újrarenderelés elindításához rendelje hozzá egy helyileg deklarált változóhoz.
• Használja a $ szimbólumot az állítás elején, hogy reaktív állításként jelölje meg. A reaktív utasítások más szkriptkód után és az összetevő jelölésének megjelenítése előtt futnak, amikor a függő értékek megváltoznak.
• Az áruházobjektumok létrehozásakor a bolt előtagjaként írja be a következőt $ hogy lehetővé tegye a reaktív hozzáférést egy értékhez.
• A szkriptcímke kontextus attribútumának beállítása a következőre: modult A parancsfájl egyszeri lefutását eredményezi, amikor a modul először kiértékeli, nem pedig minden egyes összetevőpéldány esetében.

4. Az Áthelyezés TypeScript-ről JSDoc-ra

A JSDoc egy dokumentációs eszköz, amely támogatja a típusjegyzetek és megjegyzések hozzáadását a JavaScript kódokhoz.

Tekintettel arra, hogy a JSDoc ráveszi a fejlesztőket kódjaik dokumentálására, ennek az átállásnak az a célja, hogy több Svelte fejlesztőt ösztönözzen arra, hogy szokássá tegye kódjaik megfelelő dokumentálását. Egy megfelelően dokumentált JavaScrpt kódbázishoz kevés vagy egyáltalán nem szükséges típusellenőrzés.

Ha még nem ismeri a TypeScriptet, meg kell tennie Fedezze fel a TypeScriptet, és fedezze fel, miért részesítik előnyben a fejlesztők.

Áttérés a Svelte 4-re

A Svelte 4 fokozott teljesítménnyel és leegyszerűsített fejlesztéssel rendelkezik, ami kiválóan alkalmas nagy teljesítményű webalkalmazások készítésére. Ennek az új kiadásnak a jobb kóddokumentációt is ösztönöznie kell a JSDoc-ra való átállással.

A Svelte folyamatosan fejlődik, és bár ez nem egy olyan keretrendszer, amelyet minden fejlesztő ismer, azok, akik ismerik, erősen dicsérik.