JavaScript Frameworks & Libraries
Framework vs. Library, Backend, and Frontend — Purpose, Release Year, and How They Work
Framework vs. Library
Library: You call it. You're in control — you pick up a tool, use it for one task, and move on. Example: you call a
function from lodash to sort an array.
Framework: It calls you. It provides the structure and controls the flow of your app; you fill in the pieces it asks for.
Example: Angular decides how your app is structured, and you write code inside that structure.
Simple way to remember: library = a tool you use, framework = a skeleton you build inside.
Backend (JavaScript, via [Link])
Name Type Year Purpose / How It Works
Express Framework 2010 Minimal and unopinionated — handles routing, middleware, and
requests. Most widely used Node backend framework.
NestJS Framework 2017 Built on top of Express (or Fastify), uses TypeScript, and organizes
code into modules/controllers/services — good for large,
structured apps.
Fastify Framework 2016 Like Express but built for speed — lower overhead, faster JSON
handling.
Koa Framework 2013 Made by the same team as Express, more minimal, uses modern
async/await instead of callbacks.
Hapi Framework 2011 Configuration-driven, strong focus on security and validation, used
a lot in enterprise apps.
[Link] Framework 2012 MVC-style, similar feel to Ruby on Rails, good for REST APIs
quickly.
Mongoose Library 2010 Not a framework — it's an ODM (Object Data Modeling) library for
MongoDB, lets you define schemas and interact with the database
easily.
Sequelize Library 2011 ORM library for SQL databases (Postgres, MySQL, etc.)
Prisma Library/Toolk 2019 Modern ORM, type-safe, auto-generates database client code.
it
[Link] Library 2010 Real-time, two-way communication (chat apps, live notifications)
using WebSockets.
[Link] Library 2011 Authentication library — handles login strategies (Google,
Facebook, JWT, etc.)
Frontend (JavaScript)
Name Type Year Purpose / How It Works
React Library 2013 Component-based UI building. Technically a library (you plug it
into your app), but often used framework-style with additions like
React Router.
Vue Framework 2014 Lightweight, easy to learn, combines HTML/CSS/JS cleanly —
good for beginners and gradual adoption.
Angular Framework 2016 (A Full-featured, opinionated, TypeScript-based — common in large
ngularJ enterprise apps.
S 2010)
Svelte Framework/ 2016 Compiles your code into vanilla JS at build time — no virtual DOM,
Compiler so it's very fast.
jQuery Library 2006 Older library, simplifies DOM manipulation and AJAX calls — less
common now but still used in legacy projects.
[Link] Framework 2016 Built on top of React, adds server-side rendering, routing, and
optimization out of the box.
Redux Library 2015 State management library, often paired with React to manage
complex app data.
Tailwind CSS Library 2017 Not JS logic, but a styling library — write CSS using utility classes
(utility-first directly in HTML.
CSS)
[Link] Library 2011 Data visualization — draws charts and graphs by binding data to
the DOM.
Quick Summary of "How It Works" Logic
React / Vue / Angular / Svelte all work by breaking your UI into reusable components, then updating the browser
efficiently when data changes.
Express / Fastify / Koa all work by defining routes (like /login, /users) and running middleware functions in
sequence to process each request.
Mongoose / Sequelize / Prisma all work by mapping your database tables/collections into JavaScript objects, so
you write JS instead of raw SQL/Mongo queries.