Verkf\u00e6radiskforrit eru or\u00f0in hlutur fort\u00ed\u00f0arinnar \u00fev\u00ed allt er h\u00e6gt a\u00f0 gera \u00ed vafranum. Reyndar eru forrit sem \u00feurfa a\u00f0 nota l\u00e6gri stigs API sem ekki eru \u00ed bo\u00f0i \u00ed vafranum einnig skrifu\u00f0 me\u00f0 vafrav\u00e9lum og forritunarm\u00e1lum, \u00fev\u00ed \u00fea\u00f0 au\u00f0veldar vi\u00f0hald \u00feeirra.<\/p>\n
Fars\u00edmaforrit er h\u00e6gt a\u00f0 skipta au\u00f0veldlega \u00fat fyrir verkf\u00e6ri sem notu\u00f0 eru til vefur<\/a> \u00fer\u00f3un \u2013 sj\u00e1 React<\/a> Innf\u00e6ddur<\/strong>, NativeScript. Auk \u00feess h\u00f6fum vi\u00f0 PWA, sem au\u00f0veldlega \u201chermir eftir\u201d starfsemi fars\u00edmaforrita. Auk \u00feess eru \u00edhlutir sem kn\u00fdja forrit skrifa\u00f0 \u00ed Vue<\/a><\/strong> e\u00f0a React<\/strong> getur au\u00f0veldlega deilt \u00fdmsu k\u00f3\u00f0i<\/a> \u00fe\u00e6ttir milli vettvanga. <\/p>\n Vi\u00f0 ver\u00f0um a\u00f0 vi\u00f0urkenna eitt \u2013 vefums\u00f3knir eru n\u00fa orkugjafar sem erfitt ver\u00f0ur a\u00f0 fella aftur ni\u00f0ur \u00e1 jar\u00f0h\u00e6\u00f0. Sem notandi s\u00e9 \u00e9g sj\u00e1lfan mig nota \u00fe\u00e6r n\u00e1nast alls sta\u00f0ar: til a\u00f0 eiga samskipti \u00ed Slack, nota k\u00f3\u00f0aritil, b\u00faa til kynningar e\u00f0a jafnvel skrifa bloggf\u00e6rslu.<\/p>\n \u00dea\u00f0 er erfitt a\u00f0 sp\u00e1 fyrir um hva\u00f0 mun gerast eftir nokkur \u00e1r. WebAssembly er a\u00f0 koma inn \u00ed leikinn og \u00fea\u00f0 mun gera kleift okkur<\/a> a\u00f0 f\u00e6ra forrit sem krefjast fl\u00f3knari \u00fatreikninga yfir \u00ed vafrann. Eitt atri\u00f0i er \u00fe\u00f3 \u00f3breytt \u2013 \u00fea\u00f0 er mj\u00f6g erfitt a\u00f0 finna hindrun sem, me\u00f0 \u00fev\u00ed a\u00f0 nota vef\u00adt\u00e6kni, hindri okkur \u00ed a\u00f0 byggja forrit sem vi\u00f0 getum a\u00f0eins dreymt um. <\/p>\n Til m\u00e1lsins \u2013 skulum vi\u00f0 fara stutta stund aftur til fort\u00ed\u00f0ar, \u00e1\u00f0ur en fyrstu markt\u00e6ku vefgrindverkin komu fram og forrit voru \u00fer\u00f3u\u00f0 \u00e1 skipanalegum h\u00e1tt. Hver gagnvirk eining \u00e1 s\u00ed\u00f0u var me\u00f0h\u00f6ndlu\u00f0 handvirkt og bar \u00e1byrg\u00f0 \u00e1 tilteknum a\u00f0ger\u00f0um.<\/p>\n Besta d\u00e6mi\u00f0 sem nefna m\u00e1 er jQuery-b\u00f3kasafni\u00f0 \u2013 \u00e1 \u00feeim t\u00edma eitt af vins\u00e6lustu lausnum til a\u00f0 me\u00f0h\u00f6ndla einf\u00f6ld atbur\u00f0i. Me\u00f0 \u00fev\u00ed var h\u00e6gt a\u00f0 innlei\u00f0a \u00fdmsar fellivalmyndir, umbreytingar, hreyfimyndir, reikniv\u00e9lar og svipa\u00f0ar virkni.<\/p>\n \u00dea\u00f0 er \u00feess vir\u00f0i a\u00f0 nefna a\u00f0 vandam\u00e1l \u00ed fl\u00f3knari forritum komu fram \u00fe\u00e1 \u00feegar \u2013 \u00e1 st\u00f6\u00f0um \u00fear sem mismunandi, sj\u00e1lfst\u00e6\u00f0ir hlutar \u00feurftu til d\u00e6mis a\u00f0 react til a\u00f0 n\u00e1 r\u00e9ttu smell e\u00f0a til a\u00f0 skrifa eitthva\u00f0. Flest forrit h\u00f6f\u00f0u ekki sk\u00fdrt \u00e1stand og voru \u00ed sta\u00f0inn bjarga\u00f0 me\u00f0 til d\u00e6mis eiginleikum \u00fe\u00e1tta e\u00f0a \u00feeim flokkum sem \u00feau tilheyr\u00f0u.<\/p>\n \u00c1 \u00feeim t\u00edma var lj\u00f3st a\u00f0 n\u00faverandi n\u00e1lgun skorti reactivity \u2013 uppbygg\u00f0a lei\u00f0 fyrir \u00edhluti til a\u00f0 eiga samskipti s\u00edn \u00e1 milli og deila, til d\u00e6mis \u00e1standi s\u00ednu e\u00f0a mismunandi atbur\u00f0um, sem ger\u00f0i forritum au\u00f0veldara a\u00f0 vi\u00f0halda og leyf\u00f0i \u00feeim a\u00f0 bj\u00f3\u00f0a upp \u00e1 g\u00f3\u00f0a notendaupplifun \u00e1 l\u00e1gu ver\u00f0i.<\/p>\n Me\u00f0 t\u00edmanum byrju\u00f0u fyrstu frams\u00ed\u00f0ufr\u00e1mv\u00e6min a\u00f0 birtast \u00e1 sj\u00f3ndeildarhringnum, me\u00f0 \u00fea\u00f0 a\u00f0 markmi\u00f0i a\u00f0 m\u00f3ta arkitekt\u00farinn fyrir fl\u00f3knari forrit.<\/p>\n \u00deessir rammar voru a\u00f0allega bygg\u00f0ir \u00e1 MVC-mynstrinu \u2013 sumir l\u00f6g\u00f0u til meira handvirka n\u00e1lgun, eins og Backbone.js, \u00e1 me\u00f0an a\u00f0rir, eins og Knockout.js, tengdust tv\u00ed\u00e1tta g\u00f6gn<\/a> bindandi.<\/p>\n \u00der\u00e1tt fyrir \u00fea\u00f0 m\u00e1tti finna a\u00f0 ritun forritsins var erfi\u00f0ari, kraf\u00f0ist mun meiri k\u00f3\u00f0unar og skila\u00f0i ekki endilega \u00feeim ni\u00f0urst\u00f6\u00f0um sem \u00e6tlast var til n\u00e9 b\u00e6ttist upp fyrir \u00feann t\u00edma sem f\u00f3r \u00ed \u00fer\u00f3un forritsins.<\/p>\n A\u00f0al\u00e1st\u00e6\u00f0an fyrir \u00fev\u00ed a\u00f0 finna gullna me\u00f0altali\u00f0 \u00ed JS<\/a> \u00dea\u00f0 sem var erfitt vi\u00f0 vistkerfi\u00f0 var a\u00f0 \u00fea\u00f0 var d\u00e1l\u00edti\u00f0 s\u00e9rkennilegt me\u00f0al vel \u00feekktra forritunarm\u00e1l<\/a> sem hafa lengi haft malbika\u00f0a vegi.<\/p>\n Og \u00e9g vil ekki dvelja h\u00e9r vi\u00f0 n\u00e1kv\u00e6mlega hva\u00f0a lei\u00f0ir fylgdu \u00fer\u00f3un \u00fdmissa ramma \u00ed gegnum s\u00f6guna. Hins vegar er mikilv\u00e6gt a\u00f0 taka eina hlut: \u00feroskat\u00edmi JS-vistkerfisins \u00ed vafra var ekki au\u00f0veldur og st\u00f3\u00f0 frammi fyrir m\u00f6rgum pr\u00f3fraunum.<\/p>\n \u00deetta er eina \u00e1st\u00e6\u00f0an fyrir \u00fev\u00ed a\u00f0 vi\u00f0 getum \u00ed dag sm\u00ed\u00f0a\u00f0 vefums\u00f3knir og \u00fer\u00f3a\u00f0 \u00fe\u00e6r \u00e1 mj\u00f6g au\u00f0veldan og s\u00e1rsaukalausan h\u00e1tt.<\/p>\n \u00cd sta\u00f0 \u00feess a\u00f0 kasta steik, eins og venjulega er gert \u00e1 netinu, skulum vi\u00f0 sko\u00f0a b\u00e1\u00f0ar b\u00f3kas\u00f6fnin, safna uppl\u00fdsingum um \u00feau og bera \u00feau saman \u2013 b\u00e6\u00f0i \u00ed kenningu og \u00ed framkv\u00e6md.<\/p>\n ATHUGI\u00d0: L\u00fdsing \u00e1 v\u00e9lb\u00fana\u00f0i sem starfar \u00ed Vue <\/strong>V\u00edsar s\u00e9rstaklega til \u00fatg\u00e1fu 2. \u00datg\u00e1fa 3 kynnir margar verulegar breytingar, en er ekki raunverulegur keppinautur vi\u00f0 React<\/strong> \u00e1 \u00feessari stundu, ef ekki nema vegna \u00feroska \u00feess \u2013 \u00fatg\u00e1fudagur Vue 3: 18. september 2020.<\/p>\n L\u00e1tum okkur gera eitt lj\u00f3st \u2013 \u00feegar \u00fe\u00fa k\u00edkir n\u00e1nar \u00e1 b\u00e1\u00f0ar b\u00f3kas\u00f6fnin s\u00e9r\u00f0u a\u00f0 \u00ed raun eru fleiri l\u00edkindi en munir. S\u00e9u a\u00f0fer\u00f0ir vi\u00f0 notkun b\u00f3kasafnanna sj\u00e1lfra teknar til hli\u00f0ar \u2013 hafa \u00feau b\u00e6\u00f0i mj\u00f6g svipu\u00f0 hugt\u00f6k um hvernig \u00feau virka. B\u00e6\u00f0i eru kn\u00fain \u00e1fram af svipu\u00f0u vistkerfi og notkun \u00feeirra er ekki gj\u00f6r\u00f3l\u00edk.<\/p>\n \u25cf Dj\u00f6fullinn b\u00fdr \u00ed sm\u00e1atri\u00f0unum \u2013 \u00fev\u00ed oftar sem vi\u00f0 notum t\u00f3l, \u00fev\u00ed meira t\u00f6kum vi\u00f0 eftir \u00f3kostum hinna \u00fdmsu lausna \u00feess. Gott d\u00e6mi um \u00feetta er tv\u00ed\u00e1tta gagnatenging, sem er oftast notu\u00f0 \u00ed Vue<\/strong> sem eiginleiki \u00ed V-l\u00edkaninu: \u00fea\u00f0 gerir hlutina oft au\u00f0veldari, s\u00e9r um margt sj\u00e1lfkrafa og krefst ekki k\u00f3\u00f0unar \u00e1 vi\u00f0b\u00f3tar stu\u00f0ningi vi\u00f0 breytingar \u00e1 gildum.<\/p>\n Hins vegar eru til tilfelli \u00fear sem vi\u00f0 \u00feurfum a\u00f0 fylgjast s\u00e9rstaklega me\u00f0 tilraun til breytinga og react \u00ed samr\u00e6mi vi\u00f0 \u00fea\u00f0, sem oft ney\u00f0ir okkur til a\u00f0 fikta vi\u00f0 a\u00f0ra Vue<\/strong> eiginleikar eins og reikna\u00f0ur eiginleiki, sem l\u00e1ta \u00e1hrifin sem n\u00e1\u00f0st er oft l\u00edta mun verr \u00fat en me\u00f0 handvirkri n\u00e1lgun;<\/p>\n \u25cf Annar \u00e1hugaver\u00f0ur \u00fe\u00e1ttur er JSX, sem er svo \u201cvandr\u00e6nn\u201d h\u00e1ttur til a\u00f0 sni\u00f0m\u00f3ta birta efni me\u00f0 React<\/strong>. \u00dea\u00f0 eru mismunandi sko\u00f0anir \u00ed forritarsamf\u00e9laginu.<\/p>\n \u00dar m\u00ednum athugunum vir\u00f0ist sem forritarar sem nota umhverfi anna\u00f0 en JS, t.d. PHP<\/a> e\u00f0a C#, eru l\u00edklegri til a\u00f0 tileinka s\u00e9r sni\u00f0m\u00e1tas\u00fdn \u00e1 \u00feann h\u00e1tt a\u00f0 Vue<\/strong> gerir.<\/p>\n Til a\u00f0 draga saman \u2013 sni\u00f0m\u00e1t sem \u00feekkt eru fr\u00e1 Vue<\/strong> leyfir a\u00f0 skilgreina s\u00fdnir \u00e1 mj\u00f6g sk\u00fdran og f\u00e1ga\u00f0an h\u00e1tt, \u00e1 me\u00f0an JSX hj\u00e1 React gerir kleift a\u00f0 byggja \u00fe\u00e6r \u00ed m\u00f6rgum tilfellum hra\u00f0ar, s\u00e9rsni\u00f0nar a\u00f0 s\u00e9rst\u00f6kum \u00fe\u00f6rfum og krefst oft minni k\u00f3\u00f0a til a\u00f0 byggja upp fj\u00f6lbreyttar uppbyggingar;<\/p>\n \u25cf Sko\u00f0um einnig vistkerfi \u00feessara tveggja verkf\u00e6ra. \u00cd meginatri\u00f0um m\u00e1 segja a\u00f0 \u00feau s\u00e9u engu \u00f6\u00f0ruv\u00edsi. B\u00e6\u00f0i kallast b\u00f3kas\u00f6fn af \u00e1st\u00e6\u00f0u \u2013 \u00feau bj\u00f3\u00f0a upp \u00e1 hi\u00f0 allra l\u00e1gmarks stu\u00f0ning vi\u00f0 reactive vefums\u00f3knir.<\/p>\n \u00c1 me\u00f0an restin, sem tengist samskiptum vi\u00f0 forritaskil<\/a>, gagnastreymi, notendavi\u00f0m\u00f3ts\u00fe\u00e6ttir sem nota\u00f0ir eru \u00e1 mismunandi undirs\u00ed\u00f0um, eru svokalla\u00f0ir birgjar \u2013 b\u00f3kas\u00f6fn tekin a\u00f0 utan, sem \u00fearf a\u00f0 festa r\u00e9tt vi\u00f0 verkefni<\/a>. \u00dea\u00f0 er d\u00e1l\u00edti\u00f0 eins og heimur Lego: ef \u00fe\u00fa vilt byggja upp samhangandi heild \u2013 \u00fe\u00e1 \u00fearftu a\u00f0 setja hana saman \u00far einst\u00f6kum, litlum kubbum.<\/p>\n \u00deessi alleg\u00f3r\u00eda v\u00edsar til n\u00e1kv\u00e6mlega tengdra \u00edhluta, sem eru kraftur forrita sem b\u00fain eru til me\u00f0 React<\/strong> e\u00f0a Vue<\/strong>;<\/p>\n \u25cf Mikilv\u00e6gur \u00fe\u00e1ttur, s\u00e9rstaklega fyrir \u00fe\u00e1 sem ekki hafa mikla reynslu af JS-umhverfinu, er inngangsstigi\u00f0 \u00ed tilteki\u00f0 b\u00f3kasafn. Me\u00f0 \u00f6\u00f0rum or\u00f0um \u2013 fl\u00e6kjustig t\u00f3lsins, sem felst \u00ed \u00feeim beinu t\u00edma sem \u00fe\u00fa \u00fearft a\u00f0 verja \u00ed a\u00f0 skilja virkni \u00feess.<\/p>\n \u00c9g tel a\u00f0 eitt atri\u00f0i ver\u00f0i a\u00f0 vera \u00f3skora\u00f0 sk\u00fdrt h\u00e9r \u2013 \u00ed tilviki Vue<\/strong>, \u00fea\u00f0 er mun einfaldara. Vi\u00f0 h\u00f6fum tv\u00ed\u00e1tta gagnatengingu, vi\u00f0 h\u00f6fum f\u00e1ga\u00f0 sni\u00f0m\u00e1t sem er blekkjandi l\u00edkt lausnum \u00ed \u00f6\u00f0rum forritunarm\u00e1lum, t.d. Twig, og a\u00f0 lokum \u2013 h\u00f6fum vi\u00f0 engar h\u00f6fu\u00f0verkir vegna \u00feess a\u00f0 \u00feurfa a\u00f0 l\u00e6ra kenningar um hvernig einstakir kr\u00f3kar virka og \u00ed hva\u00f0a tilfellum \u00fearf a\u00f0 nota \u00e1kve\u00f0nar v\u00e9lr\u00e6nar lausnir.<\/p>\n A\u00f0 fylgja beint r\u00f6dd fj\u00f6ldans er ekki beinl\u00ednis gott val. Hins vegar er gott skref \u00ed \u00e1tt a\u00f0 \u00fev\u00ed a\u00f0 taka g\u00f3\u00f0a \u00e1kv\u00f6r\u00f0un a\u00f0 greina hva\u00f0 \u00feeir sem hafa \u00e1tt samskipti vi\u00f0 \u00feessar b\u00f3kas\u00f6fn segja.<\/p>\n Og j\u00e1 \u2013 Stj\u00f6rnur \u00e1 GitHub <\/a> getur veri\u00f0 v\u00edsbending um hversu miki\u00f0 samf\u00e9lag tiltekins b\u00f3kasafns tekur \u00fe\u00e1tt \u00ed \u00fer\u00f3un \u00feess, hvernig \u00fea\u00f0 er skynja\u00f0 af forriturum og hvort \u00feeir hafi \u00e1huga \u00e1 hvert \u00fea\u00f0 stefnir. Verkfr\u00e6\u00f0ingar<\/a> \u00deeir sem stj\u00f6rnuja \u00e1kve\u00f0inn geymslu f\u00e1 oft tilkynningar um n\u00fdjar \u00fatg\u00e1fur e\u00f0a k\u00f3\u00f0abreytingar, sem lei\u00f0ir til \u00feess a\u00f0 \u00feeir \u00f6\u00f0last beina \u00feekkingu \u00e1 b\u00f3kasafninu.<\/p>\n Hins vegar \u00e6tti ekki a\u00f0 l\u00edta \u00e1 fj\u00f6lda stjarna \u00e1 GitHub sem sp\u00e1d\u00f3m \u2013 ekki allir forritarar sem l\u00edkar vi\u00f0 verkf\u00e6ri skilja eftir sig merki \u2013 heldur myndi \u00e9g taka \u00fea\u00f0 sem merki um hreina \u00e1str\u00ed\u00f0u sem forritarar bera fyrir \u00e1kve\u00f0i\u00f0 opinn hugb\u00fana\u00f0arverkefni.<\/p>\n Google Trends <\/a> er vel \u00feekkt \u00fej\u00f3nusta sem gerir okkur kleift a\u00f0 rannsaka \u00e1huga \u00e1 tilteknum efnum yfir t\u00edma. \u00de\u00f3 a\u00f0 h\u00fan s\u00e9 ekki r\u00f6kr\u00e9tt v\u00edsbending um g\u00e6\u00f0i e\u00f0a notkun getur h\u00fan veitt alls konar greiningar.<\/p>\n Au\u00f0velt er a\u00f0 sj\u00e1 a\u00f0 gangur s\u00ed\u00f0ustu fimm \u00e1ra hefur veri\u00f0 nokku\u00f0 svipa\u00f0ur \u00feegar kemur a\u00f0 samanbur\u00f0i \u00e1 tveimur a\u00f0alpers\u00f3num greinarinnar \u00ed dag. Meginni\u00f0ursta\u00f0an sem m\u00e1 draga \u00far myndlinunni er s\u00fa a\u00f0 React<\/strong> er h\u00e6rra \u00feegar kemur a\u00f0 vins\u00e6ldum \u00ed leit \u00ed samanbur\u00f0i vi\u00f0 keppinaut sinn.<\/p>\n Til a\u00f0 vera sk\u00fdr \u2013 a\u00f0 vera efst \u00ed Google Trends \u00fe\u00fd\u00f0ir ekki a\u00f0 b\u00f3kasafn s\u00e9 betra. \u00deetta sn\u00fdst um vins\u00e6ldir me\u00f0al almennings, eins og \u00e9g nefndi \u00e1\u00f0ur \u2013 l\u00edklega hafa fleiri heyrt um \u00feetta t\u00e6ki, \u00fea\u00f0 g\u00e6ti vaki\u00f0 meiri \u00e1huga me\u00f0al CTOs<\/a>, hugb\u00fana\u00f0ar\u00fer\u00f3unara\u00f0ilar<\/a> <\/strong>e\u00f0a f\u00f3lk sem vill bara l\u00e6ra \u00e1 \u00e1kve\u00f0i\u00f0 t\u00f3l.<\/p>\n Endurspeglast \u00feessi mynd \u00ed raunveruleikanum? A\u00f0 einhverju leyti, j\u00e1. Almennt s\u00e9\u00f0 \u2013 me\u00f0al \u00feeirra sem voru spur\u00f0ir s\u00fdna fleiri fj\u00f6lbreytta og dj\u00fapa \u00feekkingu \u00e1 React<\/strong> en Vue<\/strong>. Hva\u00f0a sko\u00f0anir getur\u00f0u fengi\u00f0 me\u00f0 \u00fev\u00ed a\u00f0 tala vi\u00f0 \u00feessa einstaklinga? \u00c9g mun reyna a\u00f0 draga \u00feetta saman \u00ed n\u00e6sta m\u00e1lsgrein.<\/p>\n \u00c1stand JS\u00a0<\/a> er vefs\u00ed\u00f0a sem kannar \u00e1rlega f\u00f3lk sem vinnur vi\u00f0 t\u00e6kni tengda JavaScript. Markmi\u00f0 hennar er a\u00f0 safna uppl\u00fdsingum fr\u00e1 forriturum um hvernig \u00feeir l\u00edta \u00e1 verkf\u00e6rin sem \u00feeir vinna me\u00f0 \u00e1 hverjum degi.<\/p>\n Spurningarnar n\u00e1 yfir einst\u00f6k verkf\u00e6ri fyrir mismunandi tilgangi \u2013 t.d. verkf\u00e6ri sem notu\u00f0 eru \u00ed front-end og back-end, en einnig verkf\u00e6ri til pr\u00f3funar, ums\u00fdslu forritar\u00e1stands o.s.frv. Hverri \u00feessara spurninga er ekki svara\u00f0 me\u00f0 einf\u00f6ldu j\u00e1\/nei; vefsv\u00e6\u00f0i\u00f0 spyr r\u00f6\u00f0 spurninga um verkf\u00e6ri\u00f0 sj\u00e1lft, \u00e1huga, reynslu og heildarmat sem endar \u00ed setningunni \u201cMyndir \u00fe\u00fa nota \u00feetta verkf\u00e6ri \u00ed framt\u00ed\u00f0arverkefnum?\u201d<\/p>\n Vefs\u00ed\u00f0an sj\u00e1lf gerir \u00fe\u00e9r kleift a\u00f0 framkv\u00e6ma margv\u00edslegar greiningar, bera saman vi\u00f0eigandi verkf\u00e6ri og stundum uppg\u00f6tva s\u00ed\u00f0ur \u00feekktar b\u00f3kas\u00f6fn sem eru a\u00f0 n\u00e1 f\u00f3tfestu \u00ed JS-heiminum, vinna s\u00e9r vins\u00e6ldir og nj\u00f3ta mikillar \u00e1n\u00e6gju vi\u00f0 notkun. \u00c9g hvet \u00feig eindregi\u00f0 til a\u00f0 sko\u00f0a efni\u00f0 \u00e1 \u00feessari s\u00ed\u00f0u.<\/p>\n L\u00e1tum okkur draga \u00feennan kafla saman me\u00f0 t\u00f6lfr\u00e6\u00f0i. A\u00f0 greina mismunandi tegundir grafa getur oft veri\u00f0 mj\u00f6g g\u00f3\u00f0ur kostur til a\u00f0 bera saman \u00fdmis atri\u00f0i tengd tilteknum efnum. Hins vegar er mikilv\u00e6gt a\u00f0 hafa \u00ed huga a\u00f0 a\u00f0 fylgja \u00e1liti meirihlutans er ekki endilega skynsamlegast. \u00cd sta\u00f0inn getur\u00f0u teki\u00f0 uppl\u00fdsta \u00e1kv\u00f6r\u00f0un me\u00f0 \u00fev\u00ed a\u00f0 n\u00fdta \u00fe\u00e9r nokkra af \u00feeim l\u00e6rd\u00f3mum sem draga m\u00e1 af greiningu \u00e1 t\u00f6flureiknigr\u00f6fum.<\/p>\n \u00c1\u00f0ur nefndi \u00e9g l\u00e6gri inngangsm\u00f6rk a\u00f0 Vue<\/strong> \u2013 \u00ed raun gerir \u00fea\u00f0 \u00fe\u00e9r kleift a\u00f0 einbeita \u00fe\u00e9r \u00f6rl\u00edti\u00f0 hra\u00f0ar a\u00f0 raunverulegri \u00fer\u00f3un forritsins, me\u00f0 \u00fev\u00ed a\u00f0 nota t\u00f3li\u00f0 og minnka \u00ed l\u00e1gmark \u00feann t\u00edma sem \u00fearf til a\u00f0 kynnast umhverfinu, v\u00e9lfr\u00e6\u00f0i \u00feess og \u00fdmsum notkunartilvikum.<\/p>\n Almennt er sko\u00f0un m\u00edn s\u00fa a\u00f0 Vue<\/strong> er hentugra fyrir \u00fe\u00e1 sem hafa ekki enn unni\u00f0 me\u00f0 front-end-b\u00f3kas\u00f6fnum. Vissulega gerir \u00fea\u00f0 \u00fe\u00e9r kleift \u00e1 hvetjandi h\u00e1tt a\u00f0 n\u00e1 fulln\u00e6gjandi \u00e1rangri \u00e1 sk\u00f6mmum t\u00edma.<\/p>\n En segjum \u00fea\u00f0 h\u00e1v\u00e6rt \u2013 skortur \u00e1 \u00feekkingu \u00e1 \u00fev\u00ed tungum\u00e1li sem vi\u00f0 notum til a\u00f0 vinna me\u00f0 tiltekin verkf\u00e6ri mun ska\u00f0a okkur fyrr e\u00f0a s\u00ed\u00f0ar. \u00deetta er \u00f3verulegur \u00fe\u00e1ttur \u00ed einf\u00f6ldum verkefnum, en eftir \u00fev\u00ed sem fl\u00e6kjustig forritanna eykst ver\u00f0ur s\u00edfellt erfi\u00f0ara a\u00f0 byggja forrit \u00e1 vi\u00f0eigandi h\u00e1tt \u00e1n g\u00f3\u00f0rar \u00feekkingar \u00e1 JavaScript<\/a>.<\/p>\n \u00c9g er ekki a\u00f0 v\u00edsa til \u00feess a\u00f0 geta skrifa\u00f0 fl\u00f3kin fall, \u00fev\u00ed \u00feennan hluta er h\u00e6gt a\u00f0 skipta \u00fat a\u00f0 mestu leyti fyrir, t.d., birgja. \u00c9g v\u00edsa til nokkurra algengra villa sem h\u00e6gt er a\u00f0 gera \u00ed forritunarm\u00e1linu og \u00feess a\u00f0 ekki er haft vitneskju um a\u00f0 ranga heg\u00f0un stafi ekki af notkun b\u00f3kasafnsins heldur af notkun forritunarm\u00e1lsins. Algengasta villa sem birtist h\u00e9r er s\u00fa svokalla\u00f0a \u00f3umbreytanleiki \u2013 \u00fe.e. \u00feekking \u00e1 v\u00edsunarmekan\u00edskunni \u00ed JavaScript.<\/p>\n \u00c9g get ekki m\u00e6lt me\u00f0 \u00fev\u00ed hva\u00f0a b\u00f3kasafn s\u00e9 betra fyrir forritara sem eru meira e\u00f0a minna kunnugir JavaScript. En \u00e9g veit eitt \u2013 ef \u00fe\u00fa vilt f\u00e1 raunverulega hugmynd um hvernig \u00fer\u00f3un me\u00f0 b\u00e1\u00f0um verkf\u00e6runum l\u00edtur \u00fat \u201cfr\u00e1 innanh\u00fass sj\u00f3narhorni\u201d \u2013 reyndu a\u00f0 skrifa forrit \u00ed hvoru \u00feeirra. \u00deetta gefur \u00fe\u00e9r hugmynd og gerir \u00fe\u00e9r kleift a\u00f0 sj\u00e1 hva\u00f0a ferlar h\u00f6f\u00f0a mest til \u00fe\u00edn og hva\u00f0a valkostur hentar \u00fe\u00e9r betur.<\/p>\n Eins og \u00e9g nefndi \u00e1\u00f0ur \u2013 b\u00e1\u00f0ar b\u00f3kas\u00f6fn eru kn\u00fanar \u00e1fram af svipu\u00f0um vistkerfum og hafa svipa\u00f0ar sko\u00f0anir \u00e1 \u00fev\u00ed a\u00f0 byggja forrit me\u00f0 litlum einingum. B\u00e1\u00f0ar b\u00f3kas\u00f6fnin ganga vel \u2013 engin merki eru um a\u00f0 hvorugt muni hverfa \u00e1 n\u00e6stunni. \u00deess vegna munu starfstilbo\u00f0 \u00ed b\u00e1\u00f0um haldast \u00e1 svipu\u00f0u stigi.<\/p>\n \u00c1lykendar eru einfaldar \u2013 nota\u00f0u \u00fea\u00f0 sem hentar \u00fe\u00e9r; safna\u00f0u reynslu og met\u00f0u hana. \u00deetta mun hj\u00e1lpa \u00fe\u00e9r a\u00f0 \u00fer\u00f3a r\u00f6kr\u00e9ttan n\u00e1lgun til a\u00f0 meta hvort betra s\u00e9 a\u00f0 nota annan e\u00f0a hinn b\u00f3kasafni\u00f0 \u00ed tilteknu verkefni; reyndu l\u00edka a\u00f0 gera tilraunir \u2013 ekkert kennir jafn dj\u00fapt og mist\u00f6kin sem hafa veri\u00f0 ger\u00f0 \u00ed fort\u00ed\u00f0inni.<\/p>\n \u00dea\u00f0 er ekki leyndarm\u00e1l a\u00f0 engin gullin me\u00f0al s\u00e9 til sem henti sem besta lausn fyrir tilteki\u00f0 verkefni. S\u00e9rstaklega \u00ed front-end-inu eldast verkf\u00e6rin sem notu\u00f0 eru til a\u00f0 byggja forrit flj\u00f3tt og oft er erfitt a\u00f0 komast \u00e1 laggirnar me\u00f0 n\u00fdjustu strauma.<\/p>\n Hins vegar \u00e6tti val \u00e1 t\u00e6kni ekki, e\u00f0a a\u00f0 minnsta kosti \u00e6tti \u00fea\u00f0 ekki, a\u00f0 vera spurning um hva\u00f0 fellur a\u00f0 n\u00faverandi straumum. \u00cd sta\u00f0inn \u00e6ttum vi\u00f0 a\u00f0 beina valinu a\u00f0 s\u00e9rt\u00e6kum v\u00e6ntingum og forsendum um forriti\u00f0 sem vi\u00f0 \u00e6tlum a\u00f0 byggja. Hvert b\u00f3kasafnanna sem borin eru saman hefur s\u00edna kosti og galla, og me\u00f0 \u00fev\u00ed a\u00f0 mi\u00f0a vi\u00f0 notkunartilvik getum vi\u00f0 gert sem skynsamlegasta vali\u00f0.<\/p>\n \u00c1hugaver\u00f0ur kostur g\u00e6ti reynst vera t\u00e6knil\u00fdsingar st\u00f3rra fyrirt\u00e6kja, sem oft l\u00fdsa notkunartilfellum s\u00ednum, hvernig \u00fer\u00f3un st\u00f3rra forrita hefur gengi\u00f0 e\u00f0a gengur og hva\u00f0a mist\u00f6k \u00feau hafa gert \u00ed fort\u00ed\u00f0inni. Kannski finnum vi\u00f0 me\u00f0al \u00feeirra d\u00e6mi sem eru s\u00e9rstaklega \u00e1hugaver\u00f0 \u00ed samhengi vi\u00f0 val \u00e1 b\u00f3kasafni fyrir \u00e1kve\u00f0i\u00f0 verkefni.<\/p>\n Eiginleikarnir sem vi\u00f0 \u00e6ttum a\u00f0 \u00edhuga til a\u00f0 velja r\u00e9tt verkf\u00e6ri fyrir forriti\u00f0 sem er \u00ed sm\u00ed\u00f0um eru: t\u00edmi forritunar\u00fer\u00f3unar, au\u00f0veldleiki vi\u00f0hald ums\u00f3knar<\/a>, fl\u00e6kjustig forritsins og reynslu forritara af notkun tiltekinna b\u00f3kasafna.<\/p>\n Forritarar eru \u00feeir sem ey\u00f0a mestum t\u00edma \u00ed \u00feau verkf\u00e6ri sem \u00e9g bera saman, og \u00feeir geta veitt bestu r\u00e1\u00f0gj\u00f6fina og hj\u00e1lpa\u00f0 \u00fe\u00e9r a\u00f0 taka bestu \u00e1kv\u00f6r\u00f0unina \u00ed hinum mikla \u00e1t\u00f6kum b\u00f3kasafnanna. \u00dea\u00f0 er vi\u00f0 \u00fer\u00f3un forrita sem \u00fe\u00fa s\u00e9r\u00f0 hin \u00fdmsu vandam\u00e1l sem spretta beint af vali \u00e1 t\u00e6kni, og \u00fe\u00e1 hefur\u00f0u bestu yfirs\u00fdn yfir hva\u00f0 gerir notkun \u00e1kve\u00f0ins verkf\u00e6ris fyrir \u00e1kve\u00f0na eiginleika erfi\u00f0ari.<\/p>\n Eins og \u00e9g nefndi \u00e1\u00f0ur \u2013 vir\u00f0ast b\u00e6\u00f0i b\u00f3kas\u00f6fnin ekki hverfa \u00far marka\u00f0ur<\/a>, a\u00f0 minnsta kosti ekki \u00e1 n\u00e6stu \u00e1rum. \u00cd sta\u00f0 \u00feess a\u00f0 taka \u00e1kvar\u00f0anir bygg\u00f0ar \u00e1 t\u00f6lfr\u00e6\u00f0i og sko\u00f0unum Kynni\u00f0 fyrir \u00feeim hva\u00f0 er krafist af ums\u00f3kninni, hversu mikinn t\u00edma vi\u00f0 h\u00f6fum til a\u00f0 skila henni og leyfi\u00f0 lauslega sko\u00f0anaskipti um hva\u00f0 \u00feeir hugsa um b\u00e1\u00f0ar lausnir \u00e1\u00f0ur en vi\u00f0 t\u00f6kum endanlega \u00e1kv\u00f6r\u00f0un.<\/p>\n Netastr\u00ed\u00f0 eru yfirleitt \u2013 e\u00f0a jafnvel \u00ed \u00f6llum tilvikum \u2013 tilgangslaus. \u00dea\u00f0 ver\u00f0a alltaf til f\u00f3lk sem \u00ferj\u00f3skulega heldur \u00fev\u00ed fram a\u00f0 \u00feeirra val s\u00e9 betra \u00e1n \u00feess a\u00f0 f\u00e6ra nokkur r\u00f6kr\u00e9tt r\u00f6k til stu\u00f0nings \u00e1kv\u00f6r\u00f0un sinni.<\/p>\n \u00cd sta\u00f0 \u00feess a\u00f0 ver\u00f0a blinda\u00f0ur af tilteknum valkostum skulum vi\u00f0 einbeita okkur a\u00f0 greiningu, reyna a\u00f0 draga vi\u00f0eigandi \u00e1lyktanir og nota \u00fe\u00e6r til a\u00f0 a\u00f0laga e\u00f0a hafna tiltekinni lausn.<\/p>\n Eins og titillinn gefur til kynna \u00e6tla \u00e9g ekki a\u00f0 kr\u00fdna neina s\u00e9rstaka b\u00f3kasafn sem l\u00e6kningu vi\u00f0 \u00f6llum kvillum. \u00cd sta\u00f0inn eru lag\u00f0ar fram nokkrar tilg\u00e1tur og styrkleikar og veikleikar beggja b\u00f3kasafna varpa\u00f0 lj\u00f3si \u00e1. \u00c9g hef gefi\u00f0 nokkur r\u00e1\u00f0 um hva\u00f0 beri a\u00f0 hafa \u00ed huga \u00feegar vali\u00f0 stendur \u00e1 milli \u00feeirra, til a\u00f0 taka skynsamlega \u00e1kv\u00f6r\u00f0un og l\u00e1ta ekki lei\u00f0a sig af t\u00edskustraumum e\u00f0a handah\u00f3fskenndum einstaklingum \u00e1 netinu.<\/p>\n Hvert t\u00e6ki getur uppfyllt \u00fearfir verkefnisins n\u00e6gilega vel. Engi\u00f0 \u00feeirra mun hverfa af marka\u00f0num \u00e1 n\u00e6stu \u00e1rum. B\u00e6\u00f0i hafa \u00f6flug samf\u00e9l\u00f6g og t\u00f6luver\u00f0a \u00feroska, sem s\u00fdnir okkur a\u00f0 \u00feau standi sig nokku\u00f0 vel.<\/p>\n Endanleg \u00e1kv\u00f6r\u00f0un er \u00ed \u00fe\u00ednum h\u00f6ndum. Ef \u00fe\u00fa hefur nokkrar efasemdir e\u00f0a vilt einfaldlega r\u00e6\u00f0a m\u00e1li\u00f0 \u00feitt vi\u00f0 The Codest<\/a> \u2013 Endilega hafi\u00f0 samband vi\u00f0 okkur!<\/p>\n Lesa meira:<\/b><\/p>\n Af hverju \u00fe\u00fa \u00e6ttir (l\u00edklega) a\u00f0 nota TypeScript<\/a><\/p>\n Hvernig \u00e1 ekki a\u00f0 drepa verkefni me\u00f0 sl\u00e6mum forritunarvenjum?<\/a><\/p>\nSt\u00f3ri banginn \u00ed netveruleikanum <\/h2><\/p>\n
Fyrstu skrefin \u00ed \u00e1tt a\u00f0 vel \u00feekktum rammaskipul\u00f6gum<\/h2><\/p>\n
Grunnuppl\u00fdsingar og sm\u00e1v\u00e6gileg samanbur\u00f0ur<\/h2><\/p>\n
![\"Munur](\"\/app\/uploads\/2024\/05\/tabela-art-.jpg\")
<\/p>\nHva\u00f0 segja t\u00f6lfr\u00e6\u00f0in?<\/h2><\/p>\n
![\"Vue](\"\/app\/uploads\/2024\/05\/bez-tytulu.png\")
<\/p>\n![\"react](\"\/app\/uploads\/2024\/05\/aaaaaabbb.png\")
<\/p>\n![\"R\u00f6\u00f0un](\"\/app\/uploads\/2024\/05\/1.png\")
<\/p>\n![\"\u00e1stand](\"\/app\/uploads\/2024\/05\/2.png\")
<\/p>\n![\"React](\"\/app\/uploads\/2024\/05\/3.png\")
<\/p>\nBesti kosturinn fyrir forritara<\/h2><\/p>\n
Besta val fyrir CTO<\/a> <\/h2><\/p>\n
\naf \u00fdmsum f\u00f3lki af netinu \u2013 kannski er betri kostur a\u00f0 tala einfaldlega vi\u00f0 forritarana.<\/p>\n\u00c1lyktanir<\/h2><\/p>\n