React libs 2023 - necrifede/my-dev-setup GitHub Wiki

Copied From Midudev with https://www.robinwieruch.de/react-libraries/

Create projects

  • Client Side: Vite
  • SSR: Next.js
  • Static: Astro

Package Manager

  • default * one: npm
  • for trying: pnpm

State Management

  • Static stuff or that do not change frequently: React Context
  • To handle global state in general: Zustand
  • Redux Toolkit for big software/programs with complex global states
  • To Huge projects, avoid global states and use React query, Apollo or Flux.

Data Fetching

  • Tanstack Query/SWR
  • urlQL

Routing

  • NextJS File System Routing
  • React Router (for projects with complex 'paths' or too many pages)
  • Wouter (smaller alternative, simple path pages)

CSS styling

  • TailwindCSS
  • CSS modules
  • Vanilla extract

(CSS on JS is not desirable)

React UI Libraries

React animation

  • Framer motion
  • auto-animate

Charts

Forms

  • React Hook Form
  • zod (for validations)
  • to test: tremor, houseform.dev,

Authentication

  • Supabase Auth
  • Next Auth
  • lucia auth (to test - from vercel)
  • authjs.dev (to test)

Hosting

Web projects

  1. Vercel
  2. Netlyfy

Web projects + Workers (Edge Functions)

  1. Cloudflare

Dockerfiles

  1. Railway
  2. Fly.io
  3. Render

Testing

Vitest + Playwright + React Testing Library

React i18n

Payments

  • React Stripe Elements

Time in React

anything but not MomentJS

React desktop apps

  • Electro
  • Tauri

Upload components

  • react-dropzone
  • filepond (it has a nice view)

Performance

Utilities

  • just and their official site A library of zero-dependency npm modules that do just one thing. A guilt-free alternative to those bulkier utility libraries. Ideal for PWA development or whenever bytes are precious.

Maps

Chart

Monitoring Services

like:

  • github monitoring
  • vercel status