Frameworks JavaScript

Framework

Podem definir framework com un esquema (esquelet o patró) per al desenvolupament i/o la implementació d’una aplicació.

Framework JavaScript

En el cas concret de JavaScript, un framework ens permet desenvolupar les aplicacions de forma més ràpida. Serveixen d’esquelet per a aplicacions de pàgina única (Single Page Apps), permeten als desenvolupadors preocupar-se menys de l’estructura del codi o el manteniment, tot centrant-se en la creació d’elements de la interfície complexos.

Els avantatges d’utilitzar frameworks de Javascript son:

• Eficiència: els projectes que solien prendre mesos i centenars de línies de codi ara es poden aconseguir molt més ràpidament amb patrons i funcions ben estructurats preestablerts.
• Seguretat: els principals frameworks de JavaScript tenen polítiques de seguretat fermes i permeten grups de treball molt grans on membres i usuaris també actuen com a verificadors.
• Cost: la majoria dels frameworks són de codi obert i gratuïts. Atès que ajuden els programadors a crear solucions personalitzades més ràpidament, el preu final de l’aplicació web serà menor.

Frameworks més importants

Tot i que aquest és un tema molt cambiant, podríem dir que els frameworks de JavaScript més importants són:

ReactJS

És una llibreria de Facebook de codi obert.

Alguns beneficis que ofereix son la millora del rendiment, la modularitat, i promou un flux molt clar de dades i events, facilitant el desenvolupament d’apps complexes.

ReactJS és un framework enfocat a la visualització. Si estem iniciant un projecte podem basar-nos en la seva arquitectura Flux, però si ja tenim un projecte utilitzant un framework MVC (Model-Vista-Controlador) com Angular, podem deixar Angular com a Controlador i que ReactJS s’encarregui de les vistes. Això té sentit ja que ReactJS té un gran rendiment al manipular el DOM.

Sense framework

Encara que sembli contradictori, molts programadors prefereixen no utilitzar cap framework i programar amb codi Vanilla, que és com s’anomena al JavaScript pur.

La principal avantatja és el temps de càrrega que t’estalvies al no tenir un framework que carregar.

AngularJS 1.X

Es tracta d’un framework de codi obert desenvolupat per Google.

Encara que no és la última versió, el canvi que hi va haver va ser tan gran a la API que Angular 2 ha fet que alguns desenvolupadors no s’hagin posat al dia a les últimes versions, o no han actualitzat el codi de les seves aplicacions, pel gran esforç que suposaria.

Respecte a l’aprenentatge, es recomanda estudiar les últimes versions, ja que Google asegura que en el futur les versions seràn retrocompatibles entre si.

VueJS

Vue va ser creat per un ex-empleat de Google que havia estat relacionat amb Angular i que pretenia agafar les seves parts preferides d’aquest framework i crear una cosa molt lleugera. És un projecte Open Source.

La seva corva d’aprenentatge és bastant reduïda, el que el fa ideal per l’aprenentatge.

El seu desenvolupament permet que sigui una bona opció tant per desenvolupament senzills en els que, per exemple, utilitzariem VanillaJS, fins a SPA.

Té força similituds amb el cicle de vida de React i Angular.

Angular 2 i posteriors

Angular 2 va ser una versió d’Angular força convulsa en el seu llançament perquè introduïa una gran diferència respecte a la seva verió anterior, el que va causar que els desenvolupadors d’enfadessin al trobar-se una nova API, i inclòs que tot el nou codi estava escrit en TypeScript, un nou llenguatge que en general encara no es coneixia.

De totes formes, totes les novetat que va introduïr va fer que molts desenvolupadors s’atrevissin amb aquesta nova versió d’Angular i amb TypeScript (que no és més que un superconjunt de JavaScript). No oblidar que Google està treballant per que les següents versions d’Angular siguin retrocompatibles amb les anteriors i aquest incident no es torni a repetir.

Encara que potser ara mateix Angular 1 sigui més popular, pels desenvolupaments nous s’acostuma a escollir les últimes versions.

jQuery.js

És un clàssic. Fa temps era l’estàndard a l’hora de manipular l’arbre DOM. Avui en dia, amb les millores de JavaScript en aquest aspecte, i l’apareixement d’altres Frameworks, estan fent que el seu ús vagi minvant a poc a poc.

Altres frameworks JavaScript

• Meteor.js
• Moment.js
• Foundation.js
• BackBone.js
• Modernizr
• Video.js

---

Choosing the best Javascript Framework: The definitive guide.