Go-To Packages when Developing Apps / Sites

General

Styling

• @fontsource/...
• clsx

Animations

• motion
• @number-flow/react

Utilities

• radashi

• lodash

• nanoid

• object-to-formdata

• dayjs

• https://npmtrends.com/date-fns-vs-dayjs-vs-moment

Cookies

• universal-cookie
• cookie-es

State Management

• zustand
• @preact/signals

Form State Management

• react-hook-form

Compression

• browser-image-compression

i18n

• lingui
• i18next
• paraglide

Data Fetching

• ky
• ofetch
• axios

TypeScript Stuffs

• type-fest

Schema Validator

• zod
• valibot
• superstruct
• yup

Testing

• vitest

Development Tooling

• commitlint
• husky
• prettier
• commit-and-tag-version

Design System

• storybook

Mobile - Hybrid

• @capacitor/core

Global Packages

• @ionic/cli
• cordova-res
• gatsby-cli
• http-server
• json-server
• npm-check
• prettier
• vercel
• windows-build-tools

npm executables / npx

• create-next-app
• create-react-app

React

• @chakra-ui/react
• @mui/material
• boring-avatars
• formik
• next

• react-easy-sort
• react-intersection-observer
• react-number-format
• react-select
• swr
• @tanstack/react-query
• preact

Next.js

• critters
• next-seo
• next-sitemap
• next-pwa

Mobile

• @ionic/react
• @ionic/storage
• ionicons
• solito