Familiarizați-vă cu cadrul Svelte și aflați cum să dezvoltați aplicații web inteligente cu acest ghid.

Svelte este unul dintre cele mai populare cadre JavaScript din jur. În Sondajul StackOverflow Developer Survey din 2022, acesta a apărut ca al doilea cadru JavaScript cel mai iubit printre dezvoltatorii web. În acest ghid, veți învăța elementele fundamentale și cum să creați o aplicație simplă de făcut folosind Svelte.

Începeți cu Svelte

Vei pune lucrurile la punct cu Vite build instrument. Deschideți terminalul și executați comenzile de mai jos în secvență. Denumiți proiectul „svelte-app” (sau alegerea dvs.), selectați Svelte ca cadru și setați JavaScript ca variantă.

yarn create vite
CD svelte-app
fire
fire dev

Deschideți proiectul într-un editor de cod, ștergeți lib folder și ștergeți conținutul app.css dosarul și App.svelte fişier.

Cum se compară Svelte cu Reacționează

The DOM este o structură arborescentă generat din HTML-ul unui site, care arată relațiile dintre diferitele elemente care alcătuiesc pagina.

instagram viewer

Spre deosebire de React, care folosește un DOM virtual, Svelte este un compilator care înțelege în momentul construirii cum se pot schimba lucrurile din aplicația ta. Deoarece Svelte funcționează în timpul construirii, are ca rezultat JavaScript vanilla foarte performant și optimizat.

Reactivitate și animație în Svelte

Structura majorității aplicațiilor Svelte este ilustrată mai jos. Puteți alege să nu includeți stil etichetele lăsând doar cele scenariu și marcaj: