VUEJS - Framework progressivo per interfacce

12 Oct 2019 | M.A.D.R.

COS’È VUE?

Una web app costruita con Vue, si presenta come un normale sito web e progressivamente si comporta sempre più come app mobile.
Adesso scendiamo più nel dettaglio e scopriamo insieme perchè dovremmo scegliere di utilizzare questa libreria per la nostra web app.

Vue è stato sviluppato partendo da zero da un piccolo gruppo di sviluppatori.
Se da un lato possiamo considerare ciò un vantaggio nella realizzazione di codice pulito e performante, d’altro canto l’assenza di un sostegno comporta una sostanziale incertezza relativa allo sviluppo/supporto futuro della libreria.

Cosa permette di fare?

  • Routing
  • Virtual Dom
  • Single File Component
  • Separazione HTML/JS
  • Vuex/Redux
  • Server-Side Rendering
  • Cli

Routing:

Importata la libreria vue-router, vengono definite le routes con sintassi identica a quella dei cugini di Google, con tanto di possibilita di definire delle sub-routes tramite l’attributo children, proprio come il suo rivale.

VirtualDom

DOM virtuale che viene sincronizzato con il DOM reale e al momento di modifiche sul quello virtuale, vengono automaticamente trasferite su quello reale.

Componenti

I componenti sono blocchi di codice riutilizzabile all’interno della web app.

Vuex

Permette la gestione dello stato.

Server Side Rendering

Viene effettuata una sola richiesta iniziale al server, il quale restituisce l’intero sito web e le chiamate successive servono soltanto a ricevere dati con cui aggiornare il sito.

CLI (Command Line Intreface)

Dopo averlo installato vue-cli, vi basta lanciare il comando vue init webpack <NOME> e verrà creata un’applicazione già funzionante.

Perchè utilizzare Vue???

  • Ha una documentazione da favola
  • Ha una separazione tra HTML e JS
  • La curva di apprendimento è molto bassa
  • È leggero e veloce

Soluzioni complete per ogni esigenza