Skip to content

Instantly share code, notes, and snippets.

@af4oz
Last active May 30, 2022 00:37
Show Gist options
  • Save af4oz/d5cfdef2d1b7767e8df321f9fd56f79b to your computer and use it in GitHub Desktop.
Save af4oz/d5cfdef2d1b7767e8df321f9fd56f79b to your computer and use it in GitHub Desktop.
This is a non exhaustive list of open source tools I have used till now.

Languages

HTML, CSS, Javascript, Typescript, Python, SQL, Bash, Node.js

Frontend Frameworks/Tools

Forms

  • Data Handling
    • react-hook-form
    • formik
  • Validators
    • yup
    • zod

Icons

  • Icones,Iconify
  • react-icons

2D Graphs

  • d3.js

UI related

  • react
  • react-dom
  • jQuery

Routing

  • react-router-dom

state management

  • reduxtoolkit, react-redux, redux-thunk
  • zustand
  • jotai

Styling Tools

  • styled-jsx
  • sass
  • node-sass
  • css-modules
  • tailwindcss
  • windicss, vite-plugin-windicss

data fetching

  • react-query
  • @apollo/client
  • urql

Frameworks

  • next.js

Mis

  • @reach/auto-id (ssr friendly id generation, related react issue, react 18's useId solves the issue)

Common Tools for Frontend & Backend

  • DOMPurify
  • jwt-decode

Data fetching

  • isomorphic-unfetch,cross-fetch, isomorphic-fetch and see comparison.
  • graphql-request

Graphql

Backend Tools/Frameworks

  • jsonwebtoken
  • uuid
  • node-formidable (for file uploads)

HTTP server related and middleware

  • express
  • apollo-server

Security

  • helmet
  • cors

Authentication

  • passport.js

Session Handling

  • express-session, redis, connect-redis
  • cookie-parser
  • cookie

Database Driver

  • mongodb

ORM

for relational table based dbs like Mysql,Postgres. But most also support document based like mongodb

  • prisma (supports PostgreSQL, MySQL, MongoDB, SQL Server, SQLite, CockroachDB)
  • mikrorm (Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite)
  • dataloader (reduce requests to backend through batching and caching)

ODM

for document based dbs like mongodb

  • mongoose (straight forward schema based solution,built on top of mongodb), typegoose (Typed Schemas for mongoose)

Graphql

  • nexus (Typed GraphQL schema development in Typescript/Javascript)
  • type-graphql (Typed GraphQL schema development in Typescript using classes and decorators.)

Hashing libs

  • bcrypt
  • argon2

Other services

  • nodemailer

Databases

  • Planetscaledb (mysql)
  • Mongodb (NoSql, Document)
  • Google's Firestore (NoSql,Document )
  • cloudinary

Testing

  • Test Runner:
    • vitest (requires vite,packed with lot of features 😱)
    • jest, ts-jest
    • mocha
    • testing-library/react
  • Assertions:
    • chai
  • API Mocking:
    • msw.js

Note: some testing libs have built-in assertions.

Dev/build Tools

Code versioning

  • github, git

Env management

  • dotenv
  • gen-env-types

Transpiler,Compiler

  • ts-node, tsconfig-paths
  • babel
  • typescript

Watcher

  • nodemon
  • concurrently
  • ts-node-dev
  • tsc-watch

Linter

  • prettier
  • eslint and plugins
  • lint-staged

Bundler

  • webpack

Web dev build tool

  • vite (based on esbuild,rollup,postcss,check here)
  • create-react-app (based on webpack and lots of other packages)

Package Manager

  • npm
  • yarn
  • pnpm

other

  • husky

Devops

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment