Maak kennis met het Svelte-framework en leer hoe u slimme web-apps ontwikkelt met deze gids.
Svelte is een van de populairste JavaScript-frameworks die er zijn. In de StackOverflow Developer Survey van 2022 kwam het naar voren als het op één na meest geliefde JavaScript-framework onder webontwikkelaars. In deze gids leert u de grondbeginselen en leert u hoe u met Svelte een eenvoudige actietoepassing kunt bouwen.
Aan de slag met Svelte
Je regelt de zaken met de Vite bouwtool. Open de terminal en voer de onderstaande opdrachten achtereenvolgens uit. Noem het project "svelte-app" (of uw keuze), selecteer Svelte als het framework en stel JavaScript in als de variant.
garen creëren vite
CD slank-app
garen
garen ontwikkelaarOpen het project in een code-editor, verwijder het lib map en wis de inhoud van het app.css bestand en de App.slank bestand.
Hoe Svelte zich verhoudt om te reageren
De DOM is een boomachtige structuur gegenereerd op basis van de HTML van een site, die de relaties toont tussen de verschillende elementen waaruit de pagina bestaat.
In tegenstelling tot React dat een virtuele DOM gebruikt, is Svelte een compiler die tijdens het bouwen begrijpt hoe dingen in uw applicatie kunnen veranderen. Omdat Svelte tijdens het bouwen werkt, resulteert dit in zeer performante en geoptimaliseerde vanilla JavaScript.
Reactiviteit en animatie in Svelte
De structuur van de meeste Svelte-applicaties wordt hieronder geïllustreerd. U kunt ervoor kiezen om de stijl tags verlaten alleen de script en opmaak:
