¿Cuál es la diferencia entre un framework y una librería?

A la hora de empezar a Desarrollar como Fullstack Web Developer, lo habitual es buscar las herramientas necesarias que nos ayuden a construir nuestro proyecto de una manera mucho más rápida y ágil. Es por esta razón que surgen los llamados Framework y libreria.

Pero ¿Cuál es la diferencia entre ambos términos (Framework y libreria)?

Librería

Una librería consiste en un conjunto de funcionalidades y efectos reutilizables que puedes añadir a la página web que estás desarrollando. El objetivo es que pueda ayudarte a aplicar una acción específica, ahorrándote así una gran cantidad de trabajo.

Durante muchos años, una de las librerías más populares en Javascript ha sido jQuery, que facilita el desarrollo para crear funcionalidades que requieren de mucho código repetitivo y, además, es ejecutable en cualquier navegador. Sin embargo, en los últimos años JavaScript ya permite realizar las mismas funcionalidades de forma nativa.

Por otor lado, actualmente una de las librerías más populares es React. Esta está orientada a la creación de interfaces de usuario. Cuenta con componentes reutilizables, cada uno de ellos es una pequeña parte de la web que cuenta con una funcionalidad específica y permite que las vistas se asocien con los datos por lo que, si hay un cambio en uno de ellos, también se implementará en el otro.

Framework

Un framework, por su parte, es mucho más que una librería, ya que te da toda la estructura para un proyecto completo a base de integración de funcionalidades sin necesidad de depender de librerías externas. Define todo el marco completo en el que se trabajará.

Los frameworks más populares de Javascript son Angular y Vue.

Como ya comentamos en anteriores publicaciones, Angular cuenta con un patrón MVC (Modelo-Vista-Controlador), y está diseñado para trabajar en SPAs (Single Page Application), esto es, webs de una sola página.

Vue, por su parte, está más centrado en la capa de visualización y es totalmente escalable para ir implementando sus funciones conforme surjan nuevas necesidades.

En definitiva, el framework te presenta todas las soluciones en una mientras que las librerías son soluciones individuales que tienes que ir añadiendo una por una a la web conforme te surjan necesidades.

Nuestro codehousers del Bootcamp Fullstack Web Developer se decantan por Angular y React para el desarrollo de sus proyectos. Y tú, ¿qué utilizas?