Eerste gedachten over Svelte

Inleiding

In een front-end frameworks-jungle ontstaat de Svelte om dit geschil wat meer pit te geven. In een scenario waar al alternatieven bekend zijn, zoals een:Vue, Angular en React, komt de Svelte op het idee om de reactiviteit opnieuw te bekijken.

Wat is Svelte ?

Volgens de Svelte documentatie:

Maar wat betekent reactief zijn?

Een reactief systeem is responsief , veerkrachtig , elastisch , en gebruik de berichtgestuurde concept.

Volgens reactief manifest:

Reactieve programmering

Volgens Wikipedia:

Daarom is de reactieve programmering paradigma past de concepten van het reactieve manifest toe op programmeren.

Reactiviteit met Svelte

In dit eenvoudige voorbeeld ontvang ik gebruikersinvoer en gebruik ik de Svelte reactiviteit om wat tekst te tonen op basis van deze invoer. Je kunt zien dat de Svelte de DOM automatisch bijwerkt wanneer de status van mijn component verandert.

Bijvoorbeeld, gegeven de App.svelte code:

Als ik het verkeerde antwoord geef, wordt de Svelte identificeert de rightAnwser variabele staat en toon de tekst Fout antwoord! :

Als ik het juiste antwoord geef, wordt de Svelte identificeert de rightAnwser variabele staat en toon de tekst Juist antwoord! :

Dit was een eenvoudig voorbeeld dat over Svelte reactiviteit gebruikt. Als je meer wilt weten over Svelte Ik stel voor om te beginnen met een tutorial.

Conclusie

De ontwikkelingservaring is erg goed. Het is gemakkelijker om geweldige dingen te doen met weinig code. Ik weet dat de frameworks zoals React, Vue en Angular al zijn geconsolideerd, maar ik denk dat Svelte jouw ruimte heeft.

Links

  • https://svelte.dev/tutorial/basics
  • https://svelte.dev/blog/svelte-3-rethinking-reactivity#What_is_Svelte
  • https://youtu.be/AdNJ3fydeao
  • https://www.reactivemanifesto.org/