Vue

Vue és un framework de JavaScript de codi obert per construir interfícies d'usuari. Renderitza un arbre de components al navegador, segueix l'estat mitjançant un sistema de reactivitat que actualitza només allò que ha canviat realment, i manté les plantilles prou a prop de l'HTML pla perquè algú que sap marcatge en pugui llegir una el primer dia al projecte.

El que ens el fa útil és que l'adopció és incremental. Vue es pot afegir a una sola pàgina d'una aplicació renderitzada al servidor i fer-se càrrec d'un únic widget, i aquest mateix codi de component funciona sense canvis dins d'un pipeline de build complet més endavant. Un equip amb una aplicació heretada gran pot modernitzar pantalla a pantalla, lliurant cada pas, en comptes de comprometre's amb una reescriptura abans de saber si l'enfocament s'aguanta.

El component d'arxiu únic manté la plantilla, la lògica i els estils amb àmbit propi d'un component en un sol fitxer. Sona cosmètic i no ho és: canviar un component és canviar un fitxer, i el CSS que li pertany no pot filtrar-se cap a un component del qual respon una altra persona.

Les biblioteques oficials formen part del framework i no són una loteria de la comunitat. L'enrutament, la gestió d'estat i el toolchain de build els manté el mateix equip que el nucli, es versionen amb ell i es documenten en un únic lloc. La ruta d'actualització és una decisió en lloc de cinc, que és el que realment costa diners al llarg d'una dècada.

El que n'obtenim en un projecte típic:

• Adopció incremental, perquè una aplicació heretada es modernitzi pantalla a pantalla i cada pas es lliuri pel seu compte, sense esperar un canvi massiu.
• Renderitzat al servidor i generació estàtica amb Nuxt quan una pàgina s'ha d'indexar o ha de pintar ràpid, fent servir els mateixos components que les parts interactives.
• Un model de reactivitat que elimina tota una classe d'errors de render desactualitzat, perquè allò que s'actualitza es deriva del que ha canviat en lloc de declarar-se a mà.
• TypeScript de principi a fi, de manera que el contracte entre components es comprova en temps de compilació i no a QA.
• Una bossa de talent realment àmplia, i una documentació prou bona com per escurçar la corba de qui hereti el codi després de nosaltres.

No és la nostra opció per defecte per a tot el front end, i diem quina triaríem abans que es prengui la decisió, no després. Quan l'equip propi del client ja domina React o Angular, aquesta acostuma a ser la restricció correcta que convé mantenir: el framework que un equip pot mantenir guanya al framework que puntua millor de manera aïllada.

L'ecosistema de Vue també és més petit que el de React als extrems. Per a necessitats corrents això és invisible, però per a una integració de nínxol — una biblioteca de gràfics concreta, un SDK de proveïdor publicat primer per a React — pot significar escriure i mantenir un adaptador. És un cost que convé comprovar abans de comprometre-s'hi, no després.