Javascript ecosystem

Here is a list of tools from the JS ecosystem. The aim isn't to be exhaustive (since it would be almost impossible), but to show possible choices at different steps of the development chain.

Languages

• ECMAScript versions
• TypeScript

Packages managers

• npm
• Yarn
• pnpm

A comparative guide

Runtimes

• Node.js
• Deno
• Bun

A comparative guide

Transpilers

• Babel
• SWC
• esbuild : also a module bundler.

TypeScript also have its own native transpiler (tsc).

A comparative guide

Module bundlers

• webpack
• esbuild
• Rollup

Backend - Web servers

• Express
• Fastify
• Hono
• Nitro : based on unjs/h3

Backend - ORM

• Sequelize
• Prisma

Frontend - Development server

• Nodemon : dev server.
• Vite : dev server with HMR + builder based on Rollup.

Frontend - State management

• Redux (React)
• Pinia (Vue)

Frontend - UI frameworks

• React
• Vue
• Svelte
• SolidJS

Reactivity systems comparison

Meta frameworks

• Next (React) : based on Turbopack and SWC.
• Nuxt (Vue) : based on Vite (by default, but can use webpack) and Nitro.
• SolidStart (Solid) : based on Vite and Nitro.

CSS frameworks

• Bootstrap
• Tailwind CSS
• Material Design

A comparative guide

Components frameworks

• [BootstrapVue]https://bootstrap-vue.org/
• Vuetify
• Quasar

Other tools

• ESLint : linter (bugs catching).
• Prettier : code formatter.
• Swagger : API documentation tools based on OpenAPI specification.
• TanStack : ...

Other concepts

• Web Components : set of standard web APIs to create reusable custom elements.

Misc

• Choose web stack
• State of JS 2024
• JS trends