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

• Tech Stack Battle
  • Contribute
  • Table of Contents
  • References
  • Ecosystem
    • Operating System
    • Tooling
    • Documentation
    • Web Runtime
    • Web Frontend
    • Web Backend
    • Web Full Stack or Hybrid
    • Web Tooling, State Management
    • Web Bundler, Transpiler, Tool
    • Web API
    • Web Testing
    • Web Deployment
    • Database
    • Database ORM
    • Database/Backend as a Service
    • CMS (Content Management System)
    • Mobile Android
    • Mobile iOS
    • Mobile Windows Phone
    • Desktop (Mac/Linux/Windows)
    • IoT
  • Other Things on Language/Platform
    • JavaScript
    • PHP
    • Java
    • Kotlin
    • Scala
    • Python
    • Golang
    • Haskell
    • Rust
    • Elixir
    • C
    • C++
    • C#
    • Objective-C
    • OCaml
    • ReScript
    • Prolog
    • R
  • Misc
    • DevOps
    • QA
    • Blockchain

References

• Catamyst Stack: https://a.catamyst.com/stack
• Frontend Stack: https://github.com/catamyst-community/frontend-stack

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

• ...