/techstack-battle

Tech Stack Comparison Battle / Perbandingan Tech Stack

Creative Commons Zero v1.0 UniversalCC0-1.0

Tech Stack Battle

Tech Stack Battle (Perbandingan Tech Stack).

  • Casual discussion.
  • Only cover the technologies and tools.
  • Pros and cons, what suits best or usual cases.
  • Not about the core concepts.
    • computer science, programming, software architecture, infrastructure, system design, OOP, FP, async, concurrency, DBMS, SQL, NoSQL, DSL, etc
  • Would try to not only about the web.
  • Let's discuss together, correction if there's something wrong or missing.

Contribute

Want to contribute or update things? Fork this repo and open a Pull Request.

CodePolitan x Catamyst

Bootcamp "Menguasai Frontend Web Development": http://catamyst.codepolitan.com

Table of Contents

References

Ecosystem

Operating System

  • Apple
    • macOS
    • iOS
  • Microsoft
    • Windows
    • Windows Phone
  • Linux
    • Android
    • Debian
      • Ubuntu
        • Kubuntu
        • Xubuntu
      • Linux Mint
      • elementary OS
    • Fedora
    • RedHat
    • CentOS
    • OpenSUSE
    • Arch
      • Manjaro
    • Zorin OS - NEW?
    • NixOS - HYPE

Tooling

  • Code Editor
    • Microsoft VS Code
      • VSCodium
      • Monaco Editor
    • JetBrains
      • Fleet
      • IntelliJ IDEA
      • WebStorm
      • PhpStorm
      • ...
    • Sublime Text
    • Vim
      • Neovim
    • Emacs
    • nano
    • Atom - HONORABLE MENTION DED
    • Brackets - DED
    • Notepad++ - ZOMBIE
    • ...
  • Online Code Editor
    • CodePen
    • CodeSandbox
    • StackBlitz
    • Glitch
    • GitHub Codespaces
    • JS Bin
    • JSFidle
    • Replit
    • ...
  • Terminal
    • Hyper
    • iTerm
    • Warp
    • PowerShell
  • Shell
    • sh
    • bash
    • zsh
    • fish
  • Git
    • GitHub
    • GitLab
    • Atlassian Bitbucket
    • Gitea
    • ...
  • Project/Product Management
    • Linear
    • Atlassian Jira
    • Trello
    • Asana
    • Basecamp
    • ...

Documentation

  • Markdown
    • MDX
  • reStructuredText (RST)
  • Textile
  • AsciiDoc
  • LaTeX
  • Mermaid.js
  • Pandoc

Web Runtime

  • Node.js
  • Deno
  • Bun
  • Cloudflare Workers (CW)
  • Vercel Edge Functions
  • AWS Lambda
  • PHP
  • Python
  • Ruby

Web Frontend

  • HTML
  • CSS
    • Sass
    • Stylus - DED?
    • Less - ZOMBIE
    • Tailwind CSS
      • Tailwind UI
      • daisyUI
      • UnoCSS
      • Master CSS
    • Bootstrap
    • Bulma
    • Foundation Framework
      • Foundation for Emails
    • Semantic UI
    • UIkit
    • Pure CSS
  • JavaScript
    • TypeScript
    • npm / yarn / pnpm
  • JS Library
    • jQuery - HONORABLE DED
      • Zepto
  • React
    • Routing
      • React Router
      • wouter
    • Data fetching
      • SWR
      • TanStack React Query
      • urql / URQL
      • Apollo GraphQL Client
    • UI components
      • Ariakit
      • Headless UI
      • Radix UI
    • CSS-in-JS
      • styled-components
      • emotion
      • stitches
    • Design system
      • MUI
      • Chakra UI
    • Ant Design
  • Preact
  • Vue
    • Routing
      • Vue Router
    • Headless UI
    • Design system
      • Vuetify
  • Angular
  • Svelte
  • SolidJS
  • Lit
  • Qwik

Web API Client

  • cURL
  • HTTPie
  • Postman
  • Insomnia
  • Hoppscotch

Web Backend -> REST API / GraphQL / Microframework

  • Node.js
    • Express
      • Feathers
    • NestJS
    • Hapi
    • Fastify
    • Koa
    • Restify
    • GraphQL Yoga
      • Pothos GraphQL Schema
      • Nexus.js - DED
  • PHP
    • Symfony
    • Slim Framework
    • CakePHP
    • Flight
  • Java
    • Micronaut
    • Spark Java
    • Ktor
    • Javalin
    • ...
  • Kotlin
    • Ktor
    • Javalin
  • Python
    • FastAPI
    • Flask
    • Tornado
    • ...
  • Ruby
    • Sinatra
    • ...
  • Golang
    • Gin
    • Fiber
    • Echo
    • Chi
    • Beego
    • HttpRouter
    • Revel
    • ...
  • Haskell
    • Yesod Web Framework
    • Snap
    • Spock
  • Rust
    • Rocket
    • Actix
    • Yew
    • Salvo
  • Elixir
    • Phoenix
  • Erlang
  • C
  • C++
  • C#
  • Objective-C
  • Swift
    • Vapor
    • Perfect

Web Full Stack or Hybrid or misc

  • JavaScript/TypeScript/Node.js/Deno
    • React
      • Next.js
      • Remix
      • Gatsby
      • RedwoodJS
    • Astro
    • Fresh
    • Meteor - DED?
    • Vue
      • Nuxt
    • Svelte
      • SvelteKit
    • Solid
      • SolidStart
  • PHP
    • Laravel
    • Code Igniter
  • Ruby
    • Rails
  • Python
    • Django
  • Java
    • Play
    • Spring
      • Spring Boot
  • Groovy
    • Grails
  • Scala
    • Play
  • C#
    • .NET / ASP.NET Core
    • Xamarin
    • Blazor
  • Golang
    • Hugo

Web Tooling, State Management

  • Redux
    • RTK / Redux Toolkit
  • Jotai
  • Zustand
  • Recoil
  • XState
    • Stately
  • Pinia

Web Bundler, Transpiler, Tool

  • Webpack
  • Turbopack - NEW
  • ESBuild
  • Vite
  • Parcel
  • Rollup
  • Gulp - DED
  • Grunt - DED
  • Yeoman - DED
  • Babel
  • SWC
  • Terser

Web API

  • REST API
  • GraphQL
    • Apollo GraphQL
  • WebSocket
    • Socket.IO
  • tRPC
  • gRPC

Web API Documentation / Schema

  • Swagger
  • API Blueprint
  • GraphQL
    • GraphiQL
    • Stellate / GraphCDN
  • Apigee

Web Testing

  • Vitest
  • Jest
  • testing-library
  • MSW (Mock Service Worker)
  • Cypress
  • Playwright
  • Selenium WebDriver - AVOID
  • Mocha - DED
  • Chai - DED
  • Sinon - DED
  • Jasmine - DED
  • Cucumber
    • Cucumber.js

Web Library

  • Map
    • Mapbox
      • react-mapbox-gl
    • Google Maps
  • WebGL / 3D
    • Three.js
      • React Three Fiber
    • Babylon.js
  • 2D visualization
    • D3.js
    • Vega
  • Python
    • Jupyter/Notebook
  • ...

Web Deployment

  • Baremetal Server
  • VPS (Virtual Private Server)
    • Digital Ocean
    • Linode
    • Amazon Lightsail
    • IDCloudHost
    • Hostinger
    • DewaWeb
  • IaaS (Infrastructure as a Service) / Cloud Computing / Cloud Native
    • Google Cloud Platform (GCP)
    • Amazon Web Services (AWS)
    • Microsoft Azure
    • Alibaba Cloud
    • IBM Cloud
  • PaaS (Platform as a Service)
    • Vercel
    • Netlify
    • Railway.app
    • Heroku - HONORABLE
    • Fly.io
    • Render.com
    • Deno Deploy
  • CI/CD
    • GitHub Actions
    • Circle CI
    • Jenkins
    • Travis
    • Drone CI?

Database

  • SQL vs NoSQL
  • SQLite
  • MySQL
    • MariaDB
    • PlanetScale
  • PostgreSQL
    • Supabase
  • Microsoft SQL Server
  • MongoDB
    • MongoDB Atlas
  • CockroachDB
  • Redis
  • Apache CouchDB
  • RxDB

Database ORM

  • Node.js
    • Prisma ORM - MySQL/PostgreSQL/MongoDB
    • TypeORM
    • Sequelize
    • Knex.js
    • Bookshelf.js
    • Mongoose
  • Java
    • Hibernate
  • Python
    • SQLAlchemy
    • PonyORM
  • Ruby
    • ActiveRecord

Database/Backend as a Service

  • Firebase
  • Supabase
  • Strapi
  • Nhost
  • Kontenbase

Background Workers

  • Celery
  • Sidekiq
  • RabbitMQ

CMS (Content Management System)

  • Headless WordPress
  • Hygraph (GraphCMS)
  • Payload CMS
  • ButterCMS
  • Storyblok

https://bejamas.io/discovery/headless-cms

Mobile Android

  • Java
  • Kotlin
  • Node.js
    • React Native
    • Ionic
    • NativeScript
  • Apache Cordova
  • Dart
    • Flutter

Mobile iOS

  • Objective-C
  • Swift
  • Node.js
    • React Native

Mobile Windows Phone

  • Windows Store

Desktop (Mac/Linux/Windows)

  • JavaScript
    • Electron
    • Tauri
    • NW.js

IoT

  • Node.js
    • Johnny-Five
    • NodeBots

Other Things on Language/Platform

JavaScript

  • npm / yarn / pnpm
  • TypeScript
  • Dart
  • Elm
  • CoffeeScript - DED

PHP

  • Composer

Java

  • Maven
  • Gradle
  • ...

Kotlin

  • ...

Scala

  • sbt
  • Apache Spark
  • ...

Python

  • PyPi
  • ...

Golang

  • ...

Haskell

  • ...

Rust

  • ...

Elixir

  • ...

C

  • ...

C++

  • ...

C#

  • ...

Objective-C

  • ...

Swift

  • ...

OCaml

  • ...

ReScript

  • ...

Prolog

  • ...

R

  • ...

Game

  • C#
    • Unity

Infra/DevOps

  • Docker
    • Kubernetes
  • Terraform
  • Ansible
  • Chef
  • Puppet

QA

  • ...

Blockchain

  • ...