Inhalt
- 01. Wénkel
- 02. Reagéieren
- 03. Vue
- Wéi vergläicht d'Syntax vu Frameworks?
- Popularitéit a Maart
- Mobile App Entwécklung
- Aner Kaderen fir op 2020 opzepassen
- Fazit
Am 2020 si mir mat enger Zuel vu Frameworks a Bibliothéiken geseent fir eis mat Webentwécklung ze hëllefen. Awer et war net ëmmer sou vill Varietéit. Zréck am 2005 gouf eng nei Skriptsprooch mam Numm Mocha erstallt vun engem Typ mam Numm Brendan Eich. Méint nodeems se op LiveScript ëmbenannt gouf, gouf den Numm erëm op JavaScript geännert. Zënterhier ass JavaScript e laange Wee komm.
Am Joer 2010 hu mir d'Aféierung vu Backbone a Angular als éischt JavaScript Frameworks gesinn an, bis 2016, 92 Prozent vun alle Websäiten JavaScript benotzt. An dësem Artikel wäerte mir dräi vun den Haapt JavaScript Kaderen (Angular, React a Vue) an hire Status an d'nächst Joerzéngt kucken. Wëllt Dir Ären eegene Site maachen? Probéiert dës Lëscht vu Websäit Builder.
Fir e puer brillant Ressourcen, kuckt op eis Lëscht vun Top Webdesign Tools, eis Roundup vu Webhosting Servicer, an dës Lëscht mat exzellente Benotzer Test Software.
01. Wénkel
AngularJS gouf am Joer 2010 verëffentlecht awer bis 2016 gouf se komplett iwwerschriwwen a verëffentlecht als Angular 2. Angular ass e vollwäertege Web-Framework entwéckelt vu Google, dee vu Wix, Upwork, The Guardian, HBO a méi benotzt gëtt.
Virdeeler:
- Aussergewéinlech Ënnerstëtzung fir TypeScript
- MVVM erméiglecht Entwéckler fir d'Aarbecht op der selwechter App Sektioun ze trennen mat dem selwechte Satz vun Daten
- Exzellent Dokumentatioun
Nodeeler:
- Huet e bësse Léierkurve
- Migréiere vun enger aler Versioun ka schwéier sinn.
- Aktualiséierunge gi relativ regelméisseg agefouert, dat heescht d'Entwéckler mussen sech upassen
Wat kënnt duerno?
Am Angular 9 ass Ivy de Standard Compiler. Et gouf opgestallt fir vill vun de Problemer ronderëm d'Performance an d'Dateigréisst ze léisen. Et soll Uwendunge méi kleng, méi séier a méi einfach maachen.
Wann Dir fréier Versioune vu Angular mat React a Vue vergläicht, ass de
endgülteg Bündelgréissten ware vill méi grouss beim Wénkel. Ivy mécht och Progressiv Hydratatioun méiglech, wat eppes ass dat Angular Team bei I / O 2019 gewisen huet. Progressiv Hydratatioun benotzt Ivy fir progressiv op de Server an de Client ze lueden. Zum Beispill, wann e Benotzer ufänkt mat enger Säit ze interagéieren, gëtt de Code vun de Komponente mat all Runtime Stéck fir Stéck ofgeholl.
Ivy schéngt wéi de grousse Fokus weider fir Angular an d'Hoffnung ass et fir all Apps verfügbar ze maachen. Et gëtt eng Opt-Out Optioun an der Versioun 9, bis op de Wénkel 10.
02. Reagéieren
React gouf ufanks am Joer 2013 vu Facebook verëffentlecht a gëtt benotzt fir interaktiv Webinterfaces ze bauen. Et gëtt vun Netflix, Dropbox, PayPal an Uber benotzt fir der e puer ze nennen.
Virdeeler:
- React benotzt de virtuellen DOM, deen e positiven Impakt op d'Leeschtung huet
- JSX ass einfach ze schreiwen
- Updates kompromitt net Stabilitéit
Nodeeler:
- Ee vun den Haaptfuerderunge brauch Drëtt Partei Bibliothéiken fir méi komplex Apps ze kreéieren
- Entwéckler ginn am Däischtere gelooss um beschte Wee fir z'entwéckelen
Wat kënnt duerno?
Op React Conf 2019 huet d'React Team eng Rei Saache beréiert, un deenen se geschafft hunn. Déi éischt ass Selektiv Hydratatioun, wou React pauséiert wat et schafft fir d'Komponente mat deenen de Benotzer interagéiert prioritär ze maachen. Wéi de Benotzer mat enger bestëmmter Sektioun interagéiert, gëtt dee Beräich hydratiséiert. D'Team huet och un Suspense geschafft, wat de React System ass fir d'Belaaschtung vu Code, Daten a Biller ze orchestréieren. Dëst erlaabt Komponenten op eppes ze waarden ier se ofginn.
Béid Selektiv Hydratatioun a Spannung ginn duerch Concurrent Mode erméiglecht, wat et erméiglecht Apps méi reaktiounsfäeg ze ginn andeems d'React d'Méiglechkeet gëtt fir grouss Blocë mat manner Prioritéitsaarbecht anzeginn fir sech op eppes ze konzentréieren dat eng méi héich Prioritéit ass, wéi z'äntwerten op Benotzerinput. D'Team huet och d'Accessibilitéit erwähnt als en anert Gebitt wat se gekuckt hunn, andeems se sech op zwee speziell Themen fokusséieren - Fokus an Input Interfaces managen.
03. Vue
Vue gouf am Joer 2014 vum Evan You, engem Ex-Google Mataarbechter entwéckelt. Et gëtt vun Xiaomi, Alibaba a GitLab benotzt. Vue huet et fäerdeg bruecht Popularitéit an Ënnerstëtzung vun Entwéckler a kuerzer Zäit ze kréien an ouni de Support vun enger grousser Mark.
Virdeeler:
- Ganz hell an der Gréisst
- Ufängerfrëndlech - einfach ze léieren
- Grouss Gemeinschaft
Nodeeler:
- Net ënnerstëtzt vun enger riseger Firma, wéi React mat Facebook an Angular mat Google
- Keng richteg Struktur
Wat kënnt duerno?
Vue huet sech d'Zil gesat fir méi séier, méi kleng, méi erhaalbar ze sinn an et méi einfach fir Entwéckler ze orientéieren op Heemecht (wann Dir Problemer hutt ze halen, betruecht e Webhosting Service). Déi nächst Verëffentlechung (3.0) ass am Q1 2020 verfügbar, wat e virtuellen DOM rewrite enthält fir besser Leeschtung zesumme mat verbesserte TypeScript Support. Et ass och d'Ergänzung vun der Composition API, déi Entwéckler en neie Wee gëtt fir Komponenten ze kreéieren an ze organiséieren duerch Feature amplaz vun der Operatioun.
Déi, déi Vue entwéckelen, waren och beschäftegt mat Suspense ze schaffen, déi Äre Komponent Rendering suspendéiert an e Fallback Komponent mécht bis eng Bedingung erfëllt ass.
Eng vun de super Saachen mat Vue's Updates ass datt se no hannen Kompatibilitéit halen. Si wëllen net datt Dir Är al Vue Projete brécht. Mir hunn dëst an der Migratioun vun 1.0 op 2.0 gesinn, wou 90 Prozent vun der API d'selwecht war.
Wéi vergläicht d'Syntax vu Frameworks?
All dräi Frameworks hunn Ännerunge matgemaach zënter hir Verëffentlechungen awer eng Saach déi kritesch ass ze verstoen ass d'Syntax a wéi et ënnerscheet. Loosst eis kucken wéi d'Syntax vergläicht wann et ëm einfach Event Bindung geet:
Vue: Den v-on Direktiv gëtt benotzt fir Eventhörer ze hänken, déi Methoden op Vue Instanzen opruffen. Direktiven si prefixéiert mat v- fir unzeginn datt si speziell Attributer sinn, déi vu Vue zur Verfügung gestallt ginn a speziell reaktivt Verhalen op déi ofgeleent DOM uwenden. Eventhandler kënnen entweder inline oder als Numm vun der Method geliwwert ginn.
Schabloun> Knäppchen v-on: klickt = ”clickHandler”> Klickt op mech / Knäppchen> / Schabloun> Skript> Standard exportéieren {Numm: "HelloWorld", Methoden: {clickHandler: Funktioun () {console.log ("Ech gouf geklickt! ”); }}}; / Skript>
Reagéieren: React setzt Markéierung a Logik an JS a JSX, eng Syntax Extensioun op JavaScript. Mat JSX gëtt d'Funktioun als Event Handler weiderginn. Eventer mat React Elementer ze handhaben ass ganz ähnlech wéi Eventer op DOM Elementer. Awer et ginn e puer syntaktesch Differenzen; zum Beispill Reaktiouns Eventer gi mam CamelCase benannt anstatt kleng Buschtawen.
Funktioun Button () {Funktioun clickHandler (e) {console.log ("Ech gouf geklickt"); } zréck Knäppchen onClick = {clickHandler}> Klickt mech! / Knäppchen>; }
Wénkel: Event verbindlech Syntax besteet aus engem Zil Event Event bannent Klammeren lénks vun engem Gläichzeechen an enger zitéierter Schablounerklärung riets. Alternativ kënnt Dir de weider- Präfix, bekannt als kanonesch Form.
@Component ({selector: "app-click-me", Schabloun: `Knäppchen (klickt) =" onClickMe () "> Klickt mech! / Knäppchen>`}) Exportklass ClickMeComponent {onClickMe () {console.log (" Dir hutt mech geklickt! ”); }}
Popularitéit a Maart
Loosst eis ufänken mat engem Gesamtbild vun den dräi Framewaler am Bezuch op de Rescht vum Internet ze kucken andeems mir Statistike vu W3Techs ënnersichen. Wénkel gëtt de Moment vun 0.4 Prozent vun alle Websäiten benotzt, mat engem JavaScript-Bibliothéiksmaart vun 0.5 Prozent. Reaktioun gëtt vun 0,3 Prozent vun alle Websäiten an engem 0,4 Prozent JavaScript Bibliothéik Maartundeel benotzt a Vue huet 0,3 Prozent fir béid. Dëst schéngt relativ gläichméisseg an Dir géift erwaarden datt d'Zuelen eropgoen.
Google Trends: Während de leschten 12 Méint ass React déi populär bei Sichbegrëffer, gefollegt vu Wénkel. Vue.js ass relativ wäit hannendrun; awer, eng Saach ze vergiessen ass datt Vue nach ëmmer jonk ass am Verglach mat deenen aneren zwee.
Aarbecht Sich: Zu der Zäit vum Schreiwe sinn React an Angular zimlech enk matenee mateneen iwwer Joblëschten op Tatsächlech mat Vue e laange Wee hannereneen. Op LinkedIn schéngt et awer méi Demande fir Vue Entwéckler ze sinn.
Stack Iwwerlaf: Wann Dir d'Stack Overflow Developer Survey Resultater fir 2019 kuckt, React a Vue.js sinn déi beléifsten a gewënschte Webkaderen. Wénkel setzt sech op déi néngte Positioun fir déi meescht beléiften awer drëtt meescht gesichte.
GitHub: Vue huet déi meescht Stäre mat 153k awer et huet déi mannst Unzuel u Mataarbechter (283). Reaktioun op der anerer Säit huet 140k Stären an 1.341 Mataarbechter. Wénkel huet nëmmen 59,6k Stären awer huet déi héchst Unzuel u Mataarbechter vun den dräi mat 1.579.
NPM Trends: D'Bild hei uewen weist Statistike fir déi lescht 12 Méint, wou Dir kënnt gesinn Reagéiert huet eng méi héich Unzuel u Downloads pro Mount am Verglach mat Angular a Vue.
Mobile App Entwécklung
Een Haaptfokus fir déi dräi grouss ass de mobilen Asaz. React huet React Native, wat eng populär Wiel gouf fir iOS an Android Apps ze bauen net nëmme fir React Benotzer awer och fir déi méi breet App Entwécklungsgemeinschaft. Wénkel Entwéckler kënne NativeScript fir native Apps oder Ionic fir hybrid mobil Apps benotzen, wärend Vue Entwéckler e Choix hunn vun NativeScript oder Vue Native. Wéinst der Popularitéit vu mobilen Applikatiounen, bleift dëst e Schlësselberäich vun Investitiounen.
Aner Kaderen fir op 2020 opzepassen
Wann Dir eppes Neies am Joer 2020 wëllt probéieren, kuckt dës JavaScript Kaderen.
Ember: En Open-Source Framework fir Webapplikatiounen ze bauen déi op Basis vum MVVM Muster funktionnéieren. Et gëtt vu verschiddene grousse Firme wéi Microsoft, Netflix a LinkedIn benotzt.
Meteor: Eng Full-Stack JavaScript Plattform fir modern Web- an Handysapplikatiounen z'entwéckelen. Et ass einfach ze léieren an huet eng ganz ënnerstëtzend Gemeinschaft.
Fazit
All dräi Frameworks verbesseren sech kontinuéierlech, wat en encouragéierend Zeechen ass. Jiddereen huet seng eege Perspektiv a bevorzugte Léisung iwwer wéi eng se benotze soll awer et kënnt wierklech op d'Gréisst vum Projet erof an déi Iech méi komfortabel fillt.
De wichtegsten Aspekt ass déi weider Ënnerstëtzung vun hire Gemeinschaften, also wann Dir plangt en neie Projet ze starten an nach ni ee vun deenen dräi benotzt hutt, da gleewen ech datt Dir a sécheren Hänn sidd mat all deenen. Wann Dir nach keng Chance hat ee vun den dräi Kaderen ze léieren, da schloen ech vir et Äert Neijoersresolutioun ze maachen fir ze léieren. D'Zukunft wäert ëm dës dräi dréinen.
Dësen Inhalt erschéngt ursprénglech am Netzmagazin.
