[{"data":1,"prerenderedAt":227},["ShallowReactive",2],{"tag-react":3},[4],{"id":5,"title":6,"body":7,"categories":206,"coverImage":208,"date":209,"description":210,"extension":211,"meta":212,"navigation":213,"path":214,"seo":215,"stem":216,"sticky":213,"tags":217,"__hash__":226},"articles/vue-js-e-il-framework-front-end-piu-hot-del-momento.md","Vue.js è il framework front-end più hot del momento",{"type":8,"value":9,"toc":193},"minimark",[10,17,22,25,32,39,42,47,54,60,67,71,76,83,90,94,101,108,119,125,129,132,138,147,150,154,160,163,181,185],[11,12,13],"p",{},[14,15,16],"em",{},"In questo post vorrei parlare delle caratteristiche che mi hanno fatto innamorare di Vue.js e che a mio avviso sono alla base dell'incredibile tasso di crescita di questo framework su GitHub e non solo.",[11,18,19],{},[14,20,21],{},"Questo non significa che strumenti come React ed Angular (2+) non siano a mio avviso validi, ma semplicemente che trovo che Vue.js sia la soluzione più bilanciata per iniziare un nuovo progetto.",[11,23,24],{},"La scelta di un framework o di una libreria per lo sviluppo di un nuovo progetto (ad esempio una web app) non è solo una scelta personale.",[11,26,27,31],{},[28,29,30],"strong",{},"L'adozione di una libreria piuttosto che di un'altra potrebbe avvantaggiare o svantaggiare nel prosieguo dello sviluppo"," ed incidere nei tempi, costi di manutenzione così come le performances dell'applicazione stessa nel tempo man mano che il progetto cresce.",[11,33,34,35,38],{},"Da professionista del settore ho lavorato con tutti i maggiori framework frontend in circolazione (Angularjs, Angular, React, Vue.js, Ember), eppure ",[28,36,37],{},"sono finito per prediligere Vue su tutti",".",[11,40,41],{},"Per non ridurre l'argomento del post ad una narrazione da fanboy, vorrei affrontare qui punto per punto le caratteristiche che ho trovato più interessanti e che motivano questa mia predilezione.",[43,44,46],"h2",{"id":45},"popolarità-️","Popolarità ?️",[11,48,49,50,53],{},"Osservando i trend di crescita in termini di star su GitHub notiamo una ",[28,51,52],{},"ascesa vertiginosa"," del gradimento verso \"il nuovo arrivato\" rispetto ai più longevi Angular e React.",[11,55,56,59],{},[28,57,58],{},"Vue ha addirittura superato React"," alla fine del 2018.",[11,61,62],{},[63,64],"img",{"alt":65,"src":66},"Trend di crescita di Vue.js su GitHub","https://i2.wp.com/enricodeleo.s3.eu-south-1.amazonaws.com/images/image.png",[43,68,70],{"id":69},"caratteristiche","Caratteristiche",[72,73,75],"h3",{"id":74},"flessibilità","Flessibilità",[11,77,78,79,82],{},"Forse la cosa che apprezzo di più: Vue è pensato per essere adottabile ",[14,80,81],{},"progressivamente",". Questo significa che posso decidere di volta in volta se utilizzarlo come una semplice libreria per arricchire una sola porzione di una pagina web, con un footprint bassissimo (= peso aggiuntivo dovuto all'introduzione della libreria) oppure come un framework completo e dotato di strumenti robusti.",[11,84,85,86,89],{},"Vue infatti è suddiviso in moduli perfettamente progettati ed oliati per lavorare fra loro, ma ",[28,87,88],{},"completamente opzionali",". Questo mo consente di selezionare solo ciò di cui ho realmente bisogno e non appesantire la struttura dell'applicazione con moduli inutilizzati.",[72,91,93],{"id":92},"stabilità","Stabilità",[11,95,96,97,100],{},"Vue.js è un ",[28,98,99],{},"framework stabile",". Con questo non intendo dire che non crasha, ma che la sua sintassi è fatta per rimanere stabile nel tempo.",[11,102,103,104,107],{},"Se hai sviluppato software che abbia una certa importanza business (o se hai intenzione di farlo) converrai con me che ",[28,105,106],{},"è fondamentale poter contare su uno strumento che, se aggiornato nel tempo, non richiede la riscrittura delle funzionalità sviluppate"," ad ogni aggiornamento delle dipendenze (chi ha detto Angular?).",[11,109,110,111,118],{},"Ti basti pensare che al rilascio della versione 2 del framework ",[112,113,117],"a",{"href":114,"rel":115},"https://vuejs.org/v2/guide/migration.html",[116],"nofollow","il 90% delle api sono rimaste invariate",", garantendo un processo di migrazione quasi totalmente indolore.",[11,120,121,122,38],{},"In contesti business questo significa ",[28,123,124],{},"meno costi e tempi più brevi nella manutenzione dell'applicazione",[72,126,128],{"id":127},"developer-experience","Developer Experience",[11,130,131],{},"Si parla sempre di User Experience, ma chi pensa a noi sviluppatori? Ecco, Vue.js lo fa.",[11,133,134,135,38],{},"Gli sviluppatori come me amano Vue.js non solo per la sua tecnologia, ma anche perché è ",[28,136,137],{},"disegnato per rendere la nostra vita più semplice possibile",[11,139,140,141,146],{},"Oltre a strumenti comodi come la CLI o l'",[112,142,145],{"href":143,"rel":144},"https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd",[116],"estensione DevTools"," di una efficacia e semplicità d'uso disarmanti, possiamo contare su una documentazione ufficiale completa e veramente ben fatta.",[11,148,149],{},"La struttura stessa del framework consente una curva di apprendimento davvero molto bassa e perfetta anche per i newbie che si approcciano per la prima volta allo sviluppo di una applicazione.",[43,151,153],{"id":152},"curioso-di-iniziare-ad-utilizzare-vuejs","Curioso di iniziare ad utilizzare Vue.js? ?",[11,155,156,157],{},"Il web è pieno di tutorial e documentazione in merito (specialmente in inglese e cinese). Nonostante questo ho voluto creare un piccolo ",[28,158,159],{},"testo interamente in italiano che possa aiutare a muovere i primi passi.",[11,161,162],{},"Il testo illustra i principi del framework da un punto di vista operativo, accompagnando ogni elemento con esempi pratici e mini-progetti.",[11,164,165,166,173,174,38],{},"Il libro è ",[28,167,168],{},[112,169,172],{"href":170,"rel":171},"https://amzn.to/30T952A",[116],"disponibile su Amazon in versione Kindle"," oppure ",[112,175,178],{"href":176,"rel":177},"https://amzn.to/3839ulN",[116],[28,179,180],{},"in versione cartacea",[43,182,184],{"id":183},"dubbiopinioni","Dubbi/Opinioni?",[11,186,187,188,38],{},"Parliamone nei commenti o contattami ",[112,189,192],{"href":190,"rel":191},"https://www.facebook.com/therealenricodeleo",[116],"sulla mia pagina Facebook",{"title":194,"searchDepth":195,"depth":195,"links":196},"",2,[197,198,204,205],{"id":45,"depth":195,"text":46},{"id":69,"depth":195,"text":70,"children":199},[200,202,203],{"id":74,"depth":201,"text":75},3,{"id":92,"depth":201,"text":93},{"id":127,"depth":201,"text":128},{"id":152,"depth":195,"text":153},{"id":183,"depth":195,"text":184},[207],"dev","https://i2.wp.com/enricodeleo.s3.eu-south-1.amazonaws.com/images/pov-thumb.jpg","2020-01-26T13:09:09.000Z","Vue è il framework frontend con il tasso d'adozione più alto tra gli sviluppatori, e per ottime ragioni.","md",{},true,"/vue-js-e-il-framework-front-end-piu-hot-del-momento",{"title":6,"description":210},"vue-js-e-il-framework-front-end-piu-hot-del-momento",[218,219,220,221,222,223,224,225],"vue","frontend","javascript","es6","development","code","react","angular","50xkfcsY2lGCAjAHsR6yYxtqw4ZBkLo8DpveLDx6vL4",1777303096619]