Notes

Appearance

NPM Packages ​

Collection of NPM packages.

CSS, Icons ​

Frameworks ​

  1. Bootstrap - Build fast, responsive sites with Bootstrap
  2. tailwindcss - A utility-first CSS framework.
  3. Bulma - The modern CSS framework that just works (No JavaScript components used)
  4. Materialize - CSS Framework based on Material Design
  5. Foundation
  6. Tacit - CSS Framework for Dummies, Without Classes. Create HTML page without CSS style, class and have a basic but good looking web page.

Conditionally apply CSS classes ​

  1. classnames
  2. clsx

Icons ​

  1. Bootstrap Icons
  2. heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
  3. Font Awesome
  4. Feather
  5. Octions

Utility ​

  1. lodash - A modern JavaScript utility library delivering modularity, performance & extras. Use Lodash-es which is the es6 version.

  2. RxJS - A reactive programming library for JavaScript

Validators ​

  1. validator.js - String validation
  2. yup - Dead simple Object schema validation
  3. joi - The most powerful data validation library for JS

Unique ID Generators ​

  1. nanoid - Very small
  2. uuid

Date-Time ​

  1. dayjs
  2. date-fns
  3. moment

HTTP Client ​

  1. axios

Editors ​

  1. marked - A markdown parser and compiler. Built for speed.

Routing ​

Change history:

  1. history

Security ​

Application Security

Authentication ​

JSON Web Tokens:

  1. node-jsonwebtoken

Cryptography And Hash ​

  1. bcrypt.js - A library to help you hash passwords
  2. crypto.js - JavaScript library of crypto standards.

XSS ​

  1. dompurify

React ​

React related packages

HTML Manipulation ​

  1. React Helmet - This reusable React component will manage all of your changes to the document head.

HTTP Clients ​

  1. react-query - Hooks for fetching, caching and updating asynchronous data in React
    • react-query-auth - Authenticate your react applications easily with react-query.

State Management ​

  1. zustand - Bear necessities for state management in React

Forms ​

  1. React Hook Form - Performant, flexible and extensible forms with easy-to-use validation.
  2. Formik

Node.js ​

Web Frameworks ​

  1. Express - Fast, unopinionated, minimalist web framework for Node.js
  2. fastify - Fast and low overhead web framework, for Node.js

CLI ​

  1. ora - Elegant terminal spinner

TypeScript ​

  1. type-fest - A collection of essential TypeScript types
  2. zod - It is a TypeScript-first schema declaration and validation library.