Backbone.js - Thorax

Als we een beetje onderzoek doen naar de voordelen van Backbone.js, waarvan we zullen zien dat het een laag gewicht is, maar hierdoor hebben we ook een klein nadeel, als we iets nodig hebben dat verder gaat, moeten we het bouwen.
Het interessante is dat dit nadeel al door veel mensen is gezien en dat er verschillende uitbreidingen zijn die ons helpen het leven gemakkelijker te maken door nieuwe functionaliteiten op te nemen die de ontwikkeling kunnen vergemakkelijken en de kwaliteit van onze applicaties kunnen verhogen.
Thorax.js
Backbone.js stelt ons in staat om de nodige structuur toe te voegen om applicaties te maken, maar het is geen raamwerk als zodanig, dus het heeft geen specifieke manier om dingen te doen, dit is een voordeel en een nadeel, omdat het ons vrijheid geeft maar ons ook een beetje meer.
Hoe werkt het?Om dit te nivelleren hebben we de extensie Thorax dat als je een manier vaststelt om dingen te doen door gebruik te maken van Stuur.js voor het verwerken van weergaven, op een manier die gelijk is aan: MarionetteJS, hoewel het in sommige opzichten verschilt, bijvoorbeeld MarionetteJS toont zijn ontwikkelingspatronen als API's van Javascript, Echter Thorax het doet dit als sjabloonhelpers.
Thorax is ontwikkeld om te helpen bij het maken van de mobiele site van Walmart, waarmee we al kunnen weten dat zijn niche is om enorme applicaties te kunnen bedienen, kunnen we beginnen met te kijken naar de website van Thorax voor meer informatie:

VERGROTEN

Hallo Wereld!
Om een ​​beetje te laten zien hoe Thorax werkt we gaan het klassieke voorbeeld uitvoeren van het tonen van a "Hallo Wereld!"Hiermee kunnen we wat werk verzetten en zullen we onmiddellijke resultaten zien die ons wat antwoorden kunnen geven.
Laten we eens kijken naar de code voor "Hallo wereld!" In de volgende afbeelding kunnen we op deze manier uitleggen hoe het is gebouwd:

Eerst moeten we een weergave van het type definiëren Thorax.View, hiermee zullen we de bijbehorende functionaliteiten erven die Thorax gebruikt om mee te communiceren Stuur, volgende handeling zien we dat we een sleutel definiëren genaamd "Groet" en we kennen de waarde "Hallo" toe, dit zal ons helpen zodat we elke keer dat we "begroeting" noemen, de waarde ervan kunnen afdrukken.
De sjabloon genererenVervolgens genereren we een sjabloon, hiervoor vertellen we dat: "Sjabloon" zal de sjabloon zijn die wordt gegenereerd met Stuur.compile (), binnen deze definitie voegen we de rest van onze "Hallo wereld!" toe, we zien dat we "begroeting" opnemen tussen twee paar accolades {{}}, hiermee vertellen we aan Handlebar dat het moet zoeken naar de waarde van die sleutel in de definitie van zicht.
Ten slotte gebruiken we om onze mening te laten zien de .appendTo () methode Wat het doet, is de inhoud toevoegen aan de gewenste selector, in dit eenvoudige voorbeeld hebben we de hoofdtekst van ons HTML-document gekozen.
Hiermee sluiten we deze tutorial af, zoals we de extensie zien Thorax helpt ons om een ​​nieuwe betekenis aan onze applicatie te geven met Backbone.js door een manier van werken in het views-gedeelte te definiëren, waardoor we al ingebouwde elementen krijgen om repetitieve code te voorkomen.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven