Hyrndur 2.0 á móti fjölliða

Hæ strákar! Áður en ég byrja að bera saman þessi tvö javascript ramma / bókasöfn er mikilvægt að skilja hvernig þróun vefa er að breytast og hvernig nýju rammarnir eru að reyna að auðvelda þá breytingu.

Nýja leiðin til að þróa vefinn

Íhlutir

  • Málshönnun og þróun eru vinsælar meginreglur meðal þróunaraðila. Í vefþróunarheiminum hefur þróun byggð íhlutum þróast á grundvallar reglunni um mát.
  • Auðvelt er að viðhalda og endurnýta mátkóða. Minni líkur eru á galla vegna minni, einangraðra, prófanlegra þorskaskauta.
  • Rammar eins og Angular, Ember, React, Backbone og aðrir hafa veitt sínar eigin lausnir fyrir samstillingu á vefnum.

Vefhlutar

  • Vefhlutar hafa komið hugtakinu íhlutir til vafra innfæddra. Þó að við getum ennþá notað íhlutalausnirnar sem rammar bjóða upp á, þá koma innfæddir vefþættir endurnýtanleika sem aðrir rammar geta ekki náð.
  • Vefhlutar umlykja einingar af virkni í grunneining HTML, DOM frumefni. Með framförum sem gerðar hafa verið í vefhlutum hafa þeir orðið leiðin til að nota mátkóða á vefnum.
  • Forskriftir vefþátta eru ekki að fullu útfærðar af öllum vöfrum. En söluaðilar vafra eru að innleiða virkilega mismunandi hluti sérstakans, sem þýðir að stuðningur við vefhluta mun aðeins verða betri.

Brúin til vefhluta

Hyrndur 2.0

  • Hyrnd er einn af vinsælustu javascript umgjörðunum meðal þróunaraðila. Nýjasta útgáfan af Angular (Angular 2) vinnur einnig að hugmyndinni um íhluti.
  • Angular 2 er fullgerður javascript ramma sem gerir þér ekki aðeins kleift að smíða íhlutina heldur hjálpar einnig við að stjórna ýmsum þáttum vefforrita eins og venja og meðhöndlun ríkisins.
  • Hægt er að stilla Hyrndar 2 til að búa til vefhluta.

Fjölliður

  • Fjölliða bókasafnið er létt sykurlag ofan á forritaskilum vefhluta. Fjölliða er bókasafn sem hjálpar okkur að nýta alla möguleika vefhluta.
  • Ólíkt dæmigerðum javascript ramma er Polymer hannað til að nýta sér eiginleika sem eru bakaðir inn á vefpallinn sjálfan til að láta þig smíða hluti.
  • #UseThePlatform er nafnið Polymer give til að tákna vilja vafrans til að gera allar þungar lyftingar án bókasafna.

Hvernig bera þau saman

Stærð:

Stærð vefforrita hefur bein áhrif á afköst hleðslutímans. Fyrir utan forritakóða og eignir, bæta ytri ramma og bókasöfn einnig við stærð umsóknarinnar. Svo er óskað að framlag ytri bókasafna verði eins lítið og mögulegt er.

Hyrnd 2.0: 566 KB - 766 KB. Stærð minified Angular 2 pakkans er 566K. Hyrndur 2 byggir á sjáanlegu mynstri frá Rxjs bókasafninu. Stærð Angular 2 með Rxjs bókasafni er 766K.

Fjölliða: 127 KB - 168 KB. Stærð minified Polymer 1.6 er 127KB. Það þarf einnig fjölfyllingu sem kallast webcomponents.js fyrir vafra þar sem vefhlutar eru ekki studdir innfæddir. Stærð webcomponents-lite.js er 41 KB

Notaðu aftur:

Mynstur íhluta færir mikið svigrúm fyrir endurnýtanleika. Íhlutir eru lítil og einangruð kóða sem hægt er að nota á mörgum stöðum í sama forritinu eða í öllum forritum.

Hyrnd 2.0: Styður íhluti og endurnýta. Angular 2 íhlutir er aðeins hægt að nota í Angular2 forritum

Fjölliða: Styður íhluti og endurnýta. Helst er hægt að nota fjölliða hluti í hvaða vefforrit sem er. Not fjölliða þarf að flytja inn fjölliða bókasafn til að geta endurnýtt fjölliða hluti.

Uppbygging umsóknar:

Í stórum forritum er mikilvægt að hafa uppbyggingu á kóðanum. Rammar hjálpa til við að koma uppbyggingu og mynstri við kóðann.

Hyrnd 2.0: Lýsir uppbyggingu kóðans. Hyrndur 2 er fullur viðvaningur. Það veitir leið til að skipuleggja forritið. Það kemur með innbyggðri umsóknarleiðbeiningar, stjórnun ríkisins og gagnaflutning

Fjölliður: Nei segja í uppbyggingu. Fjölliður auðveldar aðeins sköpun íhluta. Samt sem áður hefur fjölliðuteymið búið til nokkra íhluti sem hægt er að nota til að beina. Hægt er að nota sérstakt bókasafn til að stjórna gagnasamskiptum. t.d. Redux, eða önnur Flux byggð bókasafn.

Langlífi:

Þegar þú velur tæknistakkann er mikilvægt að huga að langlífi ramma / bókasafna. Rammi sem getur orðið úreltur eða staðnaður mjög fljótt er rangt val fyrir byggingu umsókna.

Angular 2.0: Uppfærsla á útgáfu Angular úr 1.x í 2 var fullkomin endurbætur og mun nánast valda fullkominni umritun forrita. Hyrndur gafst upp uppfærsluleið frá 1.4–1.5–2. En viðleitni þess að fylgja uppfærsluferli gæti hafa verið jafngild endurritun.

Fjölliður: Fjölliður ætlar að verða léttari með þróun vefpallsins. Forskoðunarútgáfa Polymer 2 er út. Fjölliður er með blönduð ham þar sem 1 & 2 geta keyrt saman. Þar sem fjölliða er ekki þung ramma ætti uppfærsla að vera auðveldari.

Nám:

Hyrndur 2.0: Typecript er nýtt tungumál og „skreytingaraðili“ leiðin til að skrifa kóða er heldur ekki vel þekkt hjá JavaScript verktaki. Þrátt fyrir að komandi útgáfur af JavaScript hafi hugmynd um skreytingar. Hönnuður verður að læra umgjörðina og tungumálið.

Fjölliða: Fjölliður íhlutir geta verið / venjulega skrifaðir í ES5 / ES6 javascript. Hönnuðir verða að venjast hugmyndinni um íhluti (líka með Angular 2). Fjölliður veitir lágmarks syntískan sykur yfir vefhluta api, sem felur ekki í sér brattan námsferil.

Útgáfa hliðarþjóns:

Útgáfa hliðar netþjónanna er mikilvæg þegar kemur að SEO-vinsemd, forsýningum á samfélagsmiðlum og skjótum „sýnileika“ síðunnar. Hins vegar eru margar aðferðir til að ná skjótum fyrstu endurútgáfu jafnvel með viðskiptavini hlið flutningur. Einnig getur Google skráð vefsíður sem veittar eru af viðskiptavinum en aðrar leitarvélar geta átt í vandræðum með að gera það.

Angular 2.0: Angular team vinnur að Angular Universal sem hægt er að nota með Angular 2 til að leyfa framlengingu á netþjónum.

Fjölliður: Fjölliður hefur ekki ennþá stuðning við flutning miðlara.

Mælt með stafla

Byggt á ofangreindum samanburði ef ég þarf að velja framendapakka í dag myndi ég velja þetta:

  • Fjölliða bókasafn er léttara en Angular 2 ramma bókasafn.
  • Hægt er að endurnýta fjölliðaíhluti í hvaða forrit sem er á meðan Angular 2 íhlutir er aðeins hægt að nota í Angular 2 forritum
  • Fjölliður ætlar að verða grannari með þróun vefpallsins, þ.e.a.s.
  • Redux er byggt á Flux mynstri. Það gefur leiðbeiningar um stjórnun gagnaflæðisins í forritinu. Þetta hjálpar til við að búa til fyrirsjáanleg og stigstærð forrit.

Takk !! Góða skemmtun!

Örlítið ítarleg útgáfa af þessari uppskrift er á blogginu mínu http://dotjsfile.blogspot.in/2017/04/angular2-vs-polymer.html