{"id":50423053,"url":"https://github.com/khasky/best-of-javascript","last_synced_at":"2026-05-31T09:05:55.662Z","repository":{"id":349717986,"uuid":"1203595312","full_name":"khasky/best-of-javascript","owner":"khasky","description":"A hand-picked list of JavaScript and TypeScript tools that matter for serious product work.","archived":false,"fork":false,"pushed_at":"2026-04-27T07:44:37.000Z","size":22,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-27T09:12:11.704Z","etag":null,"topics":["best","best-tools","bestof","curated","hand-picked","handpicked","javascript","list","nodejs","thebest","tools","top","toppicks","typescript"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/khasky.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-07T07:24:24.000Z","updated_at":"2026-04-27T07:44:42.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/khasky/best-of-javascript","commit_stats":null,"previous_names":["khasky/best-of-javascript-2026","khasky/best-of-javascript"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/khasky/best-of-javascript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khasky%2Fbest-of-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khasky%2Fbest-of-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khasky%2Fbest-of-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khasky%2Fbest-of-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khasky","download_url":"https://codeload.github.com/khasky/best-of-javascript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khasky%2Fbest-of-javascript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33725111,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["best","best-tools","bestof","curated","hand-picked","handpicked","javascript","list","nodejs","thebest","tools","top","toppicks","typescript"],"created_at":"2026-05-31T09:05:54.843Z","updated_at":"2026-05-31T09:05:55.650Z","avatar_url":"https://github.com/khasky.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Best of JavaScript\n\nA hand-picked list of **JavaScript** and **TypeScript** tools that matter for serious product work.\n\n\u003e *If I were building, shipping, or maintaining a serious JS/TS product today — what tools are actually worth my attention?*\n\n---\n\n## Table of Contents\n\n- [Best of JavaScript](#best-of-javascript)\n  - [Table of Contents](#table-of-contents)\n  - [Philosophy](#philosophy)\n  - [Companion playbooks](#companion-playbooks)\n  - [The Defaults I'd Reach for First](#the-defaults-id-reach-for-first)\n  - [Developer Experience \\\u0026 AI Coding](#developer-experience--ai-coding)\n    - [Editors](#editors)\n    - [AI coding tools](#ai-coding-tools)\n    - [VS Code / Cursor extensions](#vs-code--cursor-extensions)\n      - [Must-have](#must-have)\n      - [Nice-to-have](#nice-to-have)\n  - [Runtimes \\\u0026 Package Management](#runtimes--package-management)\n    - [Runtimes](#runtimes)\n    - [Package managers](#package-managers)\n    - [Version management](#version-management)\n  - [Build, Monorepo \\\u0026 Release Engineering](#build-monorepo--release-engineering)\n    - [Core foundations](#core-foundations)\n    - [Builders, compilers, bundlers](#builders-compilers-bundlers)\n    - [Monorepos \\\u0026 release flows](#monorepos--release-flows)\n    - [Commit-time hygiene](#commit-time-hygiene)\n  - [Frontend \\\u0026 Full-Stack Frameworks](#frontend--full-stack-frameworks)\n    - [Frontend-first](#frontend-first)\n    - [Full-stack / app frameworks](#full-stack--app-frameworks)\n    - [Backend / edge-friendly frameworks](#backend--edge-friendly-frameworks)\n  - [UI, Styling \\\u0026 Design Systems](#ui-styling--design-systems)\n    - [CSS \\\u0026 styling systems](#css--styling-systems)\n    - [Component systems](#component-systems)\n    - [Tables \\\u0026 data grids](#tables--data-grids)\n    - [Virtualization \\\u0026 large lists](#virtualization--large-lists)\n    - [Icons \\\u0026 docs for component work](#icons--docs-for-component-work)\n  - [Routing, State, Forms \\\u0026 Validation](#routing-state-forms--validation)\n    - [Routing](#routing)\n    - [State management](#state-management)\n    - [Server state \\\u0026 data fetching](#server-state--data-fetching)\n    - [Forms \\\u0026 validation](#forms--validation)\n    - [React hooks](#react-hooks)\n    - [Localization](#localization)\n    - [Dates \\\u0026 IDs](#dates--ids)\n  - [Backend, APIs \\\u0026 Data](#backend-apis--data)\n    - [API layers](#api-layers)\n    - [ORMs \\\u0026 query builders](#orms--query-builders)\n    - [Queues, cache, streaming](#queues-cache-streaming)\n    - [Email \\\u0026 notifications](#email--notifications)\n    - [GraphQL \\\u0026 adjacent tools](#graphql--adjacent-tools)\n  - [Authentication \\\u0026 Security](#authentication--security)\n    - [Auth](#auth)\n    - [Tokens \\\u0026 credentials](#tokens--credentials)\n    - [Sanitization \\\u0026 frontend security](#sanitization--frontend-security)\n    - [SEO \\\u0026 metadata](#seo--metadata)\n  - [Testing \\\u0026 Code Quality](#testing--code-quality)\n    - [Unit \\\u0026 component testing](#unit--component-testing)\n    - [End-to-end \\\u0026 browser automation](#end-to-end--browser-automation)\n    - [Linting, formatting, repo hygiene](#linting-formatting-repo-hygiene)\n  - [Content, Docs, Editors \\\u0026 Media](#content-docs-editors--media)\n    - [CMS \\\u0026 content platforms](#cms--content-platforms)\n    - [Documentation](#documentation)\n    - [Rich text \\\u0026 code editing](#rich-text--code-editing)\n    - [Files, PDF, uploads, images](#files-pdf-uploads-images)\n  - [Infrastructure, Delivery \\\u0026 Observability](#infrastructure-delivery--observability)\n    - [Dev environment \\\u0026 containers](#dev-environment--containers)\n    - [Container orchestration](#container-orchestration)\n    - [Hosting \\\u0026 platforms](#hosting--platforms)\n    - [CI/CD](#cicd)\n    - [Infrastructure as code \\\u0026 secrets](#infrastructure-as-code--secrets)\n    - [Monitoring, logs \\\u0026 product visibility](#monitoring-logs--product-visibility)\n  - [Cross-Platform Apps](#cross-platform-apps)\n    - [Desktop](#desktop)\n    - [Mobile](#mobile)\n  - [AI / ML for JavaScript Apps](#ai--ml-for-javascript-apps)\n    - [LLM app tooling](#llm-app-tooling)\n    - [Traditional ML in JS](#traditional-ml-in-js)\n  - [Worth Reading](#worth-reading)\n  - [License](#license)\n\n---\n\n## Philosophy\n\nA good curated list should do more than collect links. This one tries to:\n\n- favor **defaults over novelty**;\n- include **battle-tested tools first**, then interesting challengers;\n- prefer tools with strong docs, healthy adoption, and a clear place in a modern stack.\n\n---\n\n## Companion playbooks\n\nThese repositories form one playbook suite:\n\n- [Auth \u0026 Identity Playbook](https://github.com/khasky/auth-identity-playbook) — sessions, tokens, OAuth, and identity boundaries across the stack\n- [Backend Architecture Playbook](https://github.com/khasky/backend-architecture-playbook) — APIs, boundaries, OpenAPI, persistence, and errors\n- **Best of JavaScript** — curated JS/TS tooling and stack defaults\n- [Caching Playbook](https://github.com/khasky/caching-playbook) — HTTP, CDN, and application caches; consistency and invalidation\n- [Code Review Playbook](https://github.com/khasky/code-review-playbook) — PR quality, ownership, and review culture\n- [DevOps Delivery Playbook](https://github.com/khasky/devops-delivery-playbook) — CI/CD, environments, rollout safety, and observability\n- [Engineering Lead Playbook](https://github.com/khasky/engineering-lead-playbook) — standards, RFCs, and technical leadership habits\n- [Frontend Architecture Playbook](https://github.com/khasky/frontend-architecture-playbook) — React structure, performance, and consuming API contracts\n- [Marketing and SEO Playbook](https://github.com/khasky/marketing-and-seo-playbook) — growth, SEO, experimentation, and marketing surfaces\n- [Monorepo Architecture Playbook](https://github.com/khasky/monorepo-architecture-playbook) — workspaces, package boundaries, and shared code at scale\n- [Node.js Runtime \u0026 Performance Playbook](https://github.com/khasky/nodejs-runtime-performance-playbook) — event loop, streams, memory, and production Node performance\n- [Testing Strategy Playbook](https://github.com/khasky/testing-strategy-playbook) — unit, integration, contract, E2E, and CI-friendly test layers\n\n---\n\n## The Defaults I'd Reach for First\n\nIf I were starting a modern JS/TS project today, I would usually begin with something close to this:\n\n- **Editor / AI:** [Cursor](https://cursor.com/) or [VS Code](https://code.visualstudio.com/) + [Claude Code](https://www.anthropic.com/claude-code) or [Codex](https://chatgpt.com/codex)\n- **Runtime / package manager:** [Node.js](https://nodejs.org/) + [pnpm](https://pnpm.io/)\n- **Language / build:** [TypeScript](https://www.typescriptlang.org/) + [Vite](https://vite.dev/)\n- **Frontend:** [React](https://react.dev/) or [Astro](https://astro.build/) depending on dynamic vs static\n- **Full-stack:** [Next.js](https://nextjs.org/) for React-heavy apps, [Hono](https://hono.dev/) or [Fastify](https://fastify.io/) for lean APIs\n- **Forms \u0026 validation:** [React Hook Form](https://react-hook-form.com/) + [Zod](https://zod.dev/)\n- **Server state:** [TanStack Query](https://tanstack.com/query)\n- **Database:** [Drizzle ORM](https://orm.drizzle.team/) or [Prisma](https://www.prisma.io/)\n- **Auth:** [Better Auth](https://www.better-auth.com/) or [Auth.js](https://authjs.dev/) depending on self-hosted vs ecosystem fit\n- **Testing:** [Vitest](https://vitest.dev/) + [Playwright](https://playwright.dev/)\n- **Code quality:** [Biome](https://biomejs.dev/) or [ESLint](https://eslint.org/) + [Prettier](https://prettier.io/)\n- **UI:** [Tailwind CSS](https://tailwindcss.com/) + [shadcn/ui](https://ui.shadcn.com/) or [Material UI](https://mui.com/)\n- **Tables \u0026 virtualization:** [TanStack Table](https://tanstack.com/table) + [TanStack Virtual](https://tanstack.com/virtual), or [react-virtuoso](https://virtuoso.dev/) when you want richer list primitives out of the box\n- **Hosting:** [Vercel](https://vercel.com/) for Next.js-heavy apps, [Cloudflare](https://www.cloudflare.com/) for edge-first apps, [Railway](https://railway.com/) or [Render](https://render.com/) for simple full-stack deployments\n- **Pipelines:** [GitHub Actions](https://github.com/features/actions) or [GitLab CI/CD](https://gitlab.com)\n\n---\n\n## Developer Experience \u0026 AI Coding\n\n### Editors\n\n- [Cursor](https://cursor.com/) — The strongest all-around AI-native editor pick for many JS/TS teams today.\n- [Visual Studio Code](https://code.visualstudio.com/) — Still the universal baseline editor with the broadest extension ecosystem.\n\n### AI coding tools\n\n- [Claude Code](https://www.anthropic.com/claude-code) — One of the strongest coding agents for repository-aware implementation, refactors, and terminal-heavy workflows.\n- [Codex](https://chatgpt.com/codex) — Worth using when you want cloud-executed coding tasks tied to GitHub workflows.\n- [Gemini](https://gemini.google.com/) — Worth considering when you want a strong general-purpose coding assistant with a large context window and multimodal strengths.\n\n### VS Code / Cursor extensions\n\nThese all work naturally in VS Code, and the same extension ecosystem is one of Cursor's practical advantages too.\n\n#### Must-have\n\n- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) — Still the best overall Git extension for understanding blame, history, and changes without leaving the editor.\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) — Still the most important extension when your repo relies on ESLint for fast feedback and autofix.\n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) — The obvious formatter extension when your team is still on Prettier rather than Biome-only workflows.\n- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) — One of the fastest ways to notice lint and TypeScript problems without constantly opening the problems panel.\n- [Pretty TypeScript Errors](https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors) — Makes complex TypeScript diagnostics much more readable in everyday work.\n- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) — A must-have if you write Tailwind regularly and want class completion, previews, and validation.\n- [Playwright Test for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright) — One of the most useful testing extensions in the JS ecosystem thanks to run/debug integration, locator tools, and trace support.\n- [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) — The strongest fully free in-editor default for HTTP, GraphQL, and `.http`-file-based API workflows in VS Code or Cursor.\n- [Prisma](https://marketplace.visualstudio.com/items?itemName=prisma.prisma) — Essential if your stack uses Prisma, adding schema autocomplete, diagnostics, formatting, and better database-model navigation.\n\n#### Nice-to-have\n\n- [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark) — A popular default theme if you want a proven, easy-on-the-eyes setup.\n- [JavaScript and TypeScript Nightly](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next) — Great when you want newer TypeScript language-service improvements before they fully land in stable editor builds.\n- [npm IntelliSense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) — Small but genuinely useful import autocomplete for package-heavy Node and frontend repos.\n- [IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) — Still useful if you want lightweight AI-assisted completion without depending entirely on external coding agents.\n- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) — Tiny extension, big quality-of-life win when editing JSX, HTML, and component templates.\n- [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag) — Makes nested markup easier to scan in large React or template files.\n- [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) — Handy when you still work in CSS or CSS Modules and want quick selector navigation.\n- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) — Simple visual feedback that is still useful in CSS-heavy frontend work.\n- [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) — Makes deeply nested JSX, config, and JSON files easier to parse at a glance.\n- [SVG](https://marketplace.visualstudio.com/items?itemName=jock.svg) — Nice quality-of-life extension when frontend repos frequently include inline or asset-based SVG work.\n- [Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens) — Very useful in dependency-heavy JS repos when you want package version drift to be visible in `package.json`.\n- [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) — Great for README-heavy repos, docs work, and faster markdown editing.\n- [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) — Worth using when built-in markdown preview is not enough for docs-heavy workflows.\n- [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) — The obvious markdown quality extension when your project treats docs as first-class output.\n- [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) — Simple but still useful for scanning unfinished work in large codebases.\n- [Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) — Still one of the most practical extensions when your app ships with containers.\n- [Kubernetes](https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.vscode-kubernetes-tools) — Useful once your stack actually touches Kubernetes, though not a must-have for every JavaScript project.\n\n---\n\n## Runtimes \u0026 Package Management\n\n### Runtimes\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Node.js](https://nodejs.org/) | The default runtime for most production JavaScript backends. | — |\n| [Bun](https://bun.com/) | Fast, ambitious, and increasingly credible as a runtime + package manager + test runner + bundler. | — |\n| [Deno](https://deno.com/) | Clean developer experience, modern defaults, and a thoughtful runtime model. | — |\n| [Cloudflare Workers](https://developers.cloudflare.com/workers/) | A serious edge runtime, not just a niche deployment target anymore. | — |\n\n### Package managers\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [pnpm](https://pnpm.io/) | My default recommendation for most teams, especially monorepos. | ![GitHub Repo stars](https://img.shields.io/github/stars/pnpm/pnpm?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/pnpm?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [npm](https://www.npmjs.com/) | The universal baseline that works everywhere. | ![GitHub Repo stars](https://img.shields.io/github/stars/npm/cli?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/npm?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Bun Package Manager](https://bun.com/docs/pm/cli/install) | Worth trying when you want one binary for install, scripts, and runtime. | — |\n\n### Version management\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [nvm](https://github.com/nvm-sh/nvm) | Still the familiar choice for switching Node versions. | — |\n| [Volta](https://volta.sh/) | Excellent when you want per-project tool pinning with less shell friction. | — |\n\n---\n\n## Build, Monorepo \u0026 Release Engineering\n\n### Core foundations\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [TypeScript](https://www.typescriptlang.org/) | The language layer most serious JS projects now assume. | ![GitHub Repo stars](https://img.shields.io/github/stars/microsoft/TypeScript?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/typescript?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TypeScript Project References](https://www.typescriptlang.org/docs/handbook/project-references.html) | Important once your repo starts growing sideways. | — |\n| [Vite](https://vite.dev/) | The best general-purpose starting point for modern frontend apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/vitejs/vite?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/vite?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Builders, compilers, bundlers\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Vite](https://vite.dev/) | Still the best default for most new frontend apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/vitejs/vite?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/vite?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [esbuild](https://esbuild.github.io/) | Extremely fast and still one of the best \"get out of my way\" tools. | ![GitHub Repo stars](https://img.shields.io/github/stars/evanw/esbuild?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/esbuild?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [SWC](https://swc.rs/) | Great when you want speed plus compiler-oriented extensibility. | ![GitHub Repo stars](https://img.shields.io/github/stars/swc-project/swc?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40swc%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Rspack](https://rspack.dev/) | Strong option when you want webpack-compatible ergonomics with much faster Rust-backed performance. | ![GitHub Repo stars](https://img.shields.io/github/stars/web-infra-dev/rspack?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40rspack%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Turbopack](https://turbo.build/pack) | Fast and strategically important in the Next.js world, though still more opinionated than Vite. | — |\n| [Rollup](https://rollupjs.org/) | Still excellent for library builds. | ![GitHub Repo stars](https://img.shields.io/github/stars/rollup/rollup?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/rollup?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Rolldown](https://rolldown.rs/) | One of the most important emerging build tools to watch, especially around the Vite ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/rolldown/rolldown?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/rolldown?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [webpack](https://webpack.js.org/) | Not the default for new projects anymore, but still everywhere in real codebases. | ![GitHub Repo stars](https://img.shields.io/github/stars/webpack/webpack?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/webpack?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Monorepos \u0026 release flows\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Turborepo](https://turbo.build/repo) | Strong fit for frontend-heavy monorepos and fast incremental builds. | ![GitHub Repo stars](https://img.shields.io/github/stars/vercel/turborepo?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/turbo?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Nx](https://nx.dev/) | Excellent when you want deeper workspace tooling and bigger-team structure. | ![GitHub Repo stars](https://img.shields.io/github/stars/nrwl/nx?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/nx?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Changesets](https://github.com/changesets/changesets) | Versioning and changelog sanity for package-based repos. | ![GitHub Repo stars](https://img.shields.io/github/stars/changesets/changesets?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40changesets%2Fcli?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Commit-time hygiene\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Husky](https://typicode.github.io/husky/) | Git hooks with minimal drama. | ![GitHub Repo stars](https://img.shields.io/github/stars/typicode/husky?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/husky?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Lefthook](https://github.com/evilmartians/lefthook) | Very fast alternative, especially nice in bigger repos. | ![GitHub Repo stars](https://img.shields.io/github/stars/evilmartians/lefthook?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/lefthook?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [commitlint](https://commitlint.js.org/) | Useful when commit conventions actually matter in your release process. | ![GitHub Repo stars](https://img.shields.io/github/stars/conventional-changelog/commitlint?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40commitlint%2Fcli?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Frontend \u0026 Full-Stack Frameworks\n\n### Frontend-first\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [React](https://react.dev/) | The ecosystem center of gravity. | ![GitHub Repo stars](https://img.shields.io/github/stars/facebook/react?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Vue](https://vuejs.org/) | Excellent developer experience and a strong all-in-one ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/vuejs/core?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/vue?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Svelte](https://svelte.dev/) | Still one of the cleanest authoring experiences in UI development. | ![GitHub Repo stars](https://img.shields.io/github/stars/sveltejs/svelte?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/svelte?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Solid](https://www.solidjs.com/) | Great when you want fine-grained reactivity and a different mental model from React. | ![GitHub Repo stars](https://img.shields.io/github/stars/solidjs/solid?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/solid-js?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Full-stack / app frameworks\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Next.js](https://nextjs.org/) | Still the default full-stack React framework for many teams. | ![GitHub Repo stars](https://img.shields.io/github/stars/vercel/next.js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/next?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Astro](https://astro.build/) | A standout choice for content-driven sites, docs, marketing pages, and hybrid content/app builds. | ![GitHub Repo stars](https://img.shields.io/github/stars/withastro/astro?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/astro?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Nuxt](https://nuxt.com/) | The obvious full-stack default if your team prefers Vue. | ![GitHub Repo stars](https://img.shields.io/github/stars/nuxt/nuxt?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/nuxt?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [SvelteKit](https://kit.svelte.dev/) | Great full-stack option if you are already in the Svelte world. | ![GitHub Repo stars](https://img.shields.io/github/stars/sveltejs/kit?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40sveltejs%2Fkit?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Remix](https://remix.run/) | Worth knowing for web-native routing and form-first thinking. | ![GitHub Repo stars](https://img.shields.io/github/stars/remix-run/remix?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40remix-run%2Freact?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Backend / edge-friendly frameworks\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Hono](https://hono.dev/) | One of the best modern defaults when you want edge-friendly or multi-runtime APIs. | ![GitHub Repo stars](https://img.shields.io/github/stars/honojs/hono?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/hono?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Fastify](https://fastify.io/) | A great default for Node APIs when you want speed and structure without a framework tax. | ![GitHub Repo stars](https://img.shields.io/github/stars/fastify/fastify?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/fastify?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [NestJS](https://nestjs.com/) | Strong fit for enterprise teams that like architecture, modules, decorators, and convention. | ![GitHub Repo stars](https://img.shields.io/github/stars/nestjs/nest?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40nestjs%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Express](https://expressjs.com/) | Old, familiar, and still absolutely alive in existing codebases. | ![GitHub Repo stars](https://img.shields.io/github/stars/expressjs/express?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/express?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## UI, Styling \u0026 Design Systems\n\n### CSS \u0026 styling systems\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Tailwind CSS](https://tailwindcss.com/) | Still the most widely adopted utility-first styling system in modern JS apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/tailwindlabs/tailwindcss?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/tailwindcss?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [vanilla-extract](https://vanilla-extract.style/) | Great when you want typed, file-based styles without runtime overhead. | ![GitHub Repo stars](https://img.shields.io/github/stars/vanilla-extract-css/vanilla-extract?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40vanilla-extract%2Fcss?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Panda CSS](https://panda-css.com/) | Worth a look if you want design-token-driven styling with static extraction. | ![GitHub Repo stars](https://img.shields.io/github/stars/chakra-ui/panda?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40pandacss%2Fdev?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Component systems\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [shadcn/ui](https://ui.shadcn.com/) | A very practical starting point for teams that want ownership over their components. | ![GitHub Repo stars](https://img.shields.io/github/stars/shadcn-ui/ui?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/shadcn?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [daisyUI](https://daisyui.com/) | A fast, pragmatic Tailwind component layer when you want to ship styled UI without building every primitive yourself. | ![GitHub Repo stars](https://img.shields.io/github/stars/saadeghi/daisyui?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/daisyui?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Radix UI](https://www.radix-ui.com/) | Accessible unstyled primitives that play well with real design systems. | ![GitHub Repo stars](https://img.shields.io/github/stars/radix-ui/primitives?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40radix-ui%2Freact-slot?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Mantine](https://mantine.dev/) | One of the nicest batteries-included React UI kits. | ![GitHub Repo stars](https://img.shields.io/github/stars/mantinedev/mantine?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40mantine%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Material UI](https://mui.com/) | Still common in enterprise products and dashboard-heavy apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/mui/material-ui?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40mui%2Fmaterial?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Chakra UI](https://www.chakra-ui.com/) | Friendly ergonomics and a coherent component model. | ![GitHub Repo stars](https://img.shields.io/github/stars/chakra-ui/chakra-ui?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40chakra-ui%2Freact?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Ant Design](https://ant.design/) | Still a major option for business applications and data-dense interfaces. | ![GitHub Repo stars](https://img.shields.io/github/stars/ant-design/ant-design?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/antd?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Tables \u0026 data grids\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [TanStack Table](https://tanstack.com/table) | The headless default when you want powerful table logic, full markup control, and a good fit with the wider TanStack ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/TanStack/table?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tanstack%2Freact-table?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [AG Grid](https://www.ag-grid.com/) | The feature-rich grid to know for data-heavy products, especially when Excel-like behavior, enterprise features, or very large datasets matter. | ![GitHub Repo stars](https://img.shields.io/github/stars/ag-grid/ag-grid?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ag-grid-community?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [MUI X Data Grid](https://mui.com/x/react-data-grid/) | Strong choice when a React dashboard already uses Material UI and wants a polished component with sorting, filtering, pagination, and virtualization. | ![GitHub Repo stars](https://img.shields.io/github/stars/mui/mui-x?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40mui%2Fx-data-grid?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-data-grid](https://github.com/Comcast/react-data-grid) | Practical React grid for editable, spreadsheet-style tables without taking on the full AG Grid surface area. | ![GitHub Repo stars](https://img.shields.io/github/stars/Comcast/react-data-grid?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-data-grid?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Handsontable](https://handsontable.com/) | Best known for spreadsheet-like editing, copy/paste workflows, formulas, and dense business-data interfaces. | ![GitHub Repo stars](https://img.shields.io/github/stars/handsontable/handsontable?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/handsontable?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Virtualization \u0026 large lists\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [TanStack Virtual](https://tanstack.com/virtual) | Headless, framework-agnostic virtualization for custom lists, grids, tables, and scroll behavior with minimal UI opinions. | ![GitHub Repo stars](https://img.shields.io/github/stars/TanStack/virtual?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tanstack%2Freact-virtual?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-virtuoso](https://virtuoso.dev/) | The pragmatic React default when you want dynamic heights, grouped lists, sticky headers, tables, and infinite scroll with less wiring. | ![GitHub Repo stars](https://img.shields.io/github/stars/petyosi/react-virtuoso?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-virtuoso?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-window](https://github.com/bvaughn/react-window) | Still common and tiny for simple fixed-size list virtualization, but more of a maintenance choice than a new-project default. | ![GitHub Repo stars](https://img.shields.io/github/stars/bvaughn/react-window?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-window?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-virtualized](https://github.com/bvaughn/react-virtualized) | Important legacy option for older React apps with large lists and grids, though heavier and less attractive for greenfield work. | ![GitHub Repo stars](https://img.shields.io/github/stars/bvaughn/react-virtualized?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-virtualized?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Icons \u0026 docs for component work\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [lucide](https://lucide.dev/) | Clean icon set and one of the easiest defaults for modern UIs. | ![GitHub Repo stars](https://img.shields.io/github/stars/lucide-icons/lucide?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/lucide-react?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-icons](https://react-icons.github.io/react-icons/) | Useful when you need breadth more than purity. | ![GitHub Repo stars](https://img.shields.io/github/stars/react-icons/react-icons?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-icons?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Storybook](https://storybook.js.org/) | Still the standard workshop for components, states, and design-system documentation. | ![GitHub Repo stars](https://img.shields.io/github/stars/storybookjs/storybook?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/storybook?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Routing, State, Forms \u0026 Validation\n\n### Routing\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [React Router](https://reactrouter.com/) | The classic, still important. | ![GitHub Repo stars](https://img.shields.io/github/stars/remix-run/react-router?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-router?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TanStack Router](https://tanstack.com/router) | A strong modern choice if type-safe routing matters to you. | ![GitHub Repo stars](https://img.shields.io/github/stars/TanStack/router?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tanstack%2Freact-router?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### State management\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Zustand](https://zustand.docs.pmnd.rs/) | Lightweight, minimal, and a great default for many React apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/pmndrs/zustand?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/zustand?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Redux Toolkit](https://redux-toolkit.js.org/) | Still the right answer when state complexity is real and long-lived. | ![GitHub Repo stars](https://img.shields.io/github/stars/reduxjs/redux-toolkit?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40reduxjs%2Ftoolkit?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [XState](https://stately.ai/docs/xstate) | Best when your problem is workflow complexity, not just state storage. | ![GitHub Repo stars](https://img.shields.io/github/stars/statelyai/xstate?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/xstate?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Server state \u0026 data fetching\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [TanStack Query](https://tanstack.com/query) | The default recommendation for async server-state management. | ![GitHub Repo stars](https://img.shields.io/github/stars/TanStack/query?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tanstack%2Freact-query?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [SWR](https://swr.vercel.app/) | Still elegant for simpler React data-fetching patterns. | ![GitHub Repo stars](https://img.shields.io/github/stars/vercel/swr?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/swr?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [axios](https://axios-http.com/) | Popular and familiar; still useful, even in a fetch-first world. | ![GitHub Repo stars](https://img.shields.io/github/stars/axios/axios?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/axios?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [ky](https://github.com/sindresorhus/ky) | Small, modern, pleasant fetch wrapper. | ![GitHub Repo stars](https://img.shields.io/github/stars/sindresorhus/ky?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ky?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Forms \u0026 validation\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [React Hook Form](https://react-hook-form.com/) | The best default for most React forms. | ![GitHub Repo stars](https://img.shields.io/github/stars/react-hook-form/react-hook-form?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-hook-form?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TanStack Form](https://tanstack.com/form) | Strong modern alternative when you want deeper type inference or are already committed to the TanStack ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/TanStack/form?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tanstack%2Freact-form?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Zod](https://zod.dev/) | The current center of gravity for TypeScript-first schema validation. | ![GitHub Repo stars](https://img.shields.io/github/stars/colinhacks/zod?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/zod?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Ajv](https://ajv.js.org/) | Great when JSON Schema is the right abstraction. | ![GitHub Repo stars](https://img.shields.io/github/stars/ajv-validator/ajv?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ajv?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Joi](https://joi.dev/) | Still useful in backend and validation-heavy codebases. | ![GitHub Repo stars](https://img.shields.io/github/stars/hapijs/joi?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/joi?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Yup](https://github.com/jquense/yup) | Common in older React form stacks, but less of a new-project default now. | ![GitHub Repo stars](https://img.shields.io/github/stars/jquense/yup?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/yup?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### React hooks\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [usehooks-ts](https://usehooks-ts.com/) | The strongest TypeScript-first default when you want a practical set of reusable React hooks. | ![GitHub Repo stars](https://img.shields.io/github/stars/juliencrn/usehooks-ts?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/usehooks-ts?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [ahooks](https://ahooks.js.org/) | Great when you want a broader, more enterprise-shaped hooks toolkit. | ![GitHub Repo stars](https://img.shields.io/github/stars/alibaba/hooks?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ahooks?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-use](https://github.com/streamich/react-use) | Still a useful grab-bag of hooks, especially in older or utility-heavy React codebases. | ![GitHub Repo stars](https://img.shields.io/github/stars/streamich/react-use?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-use?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Localization\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [react-i18next](https://react.i18next.com/) | Still the safest default when a React app needs serious localization. | ![GitHub Repo stars](https://img.shields.io/github/stars/i18next/react-i18next?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-i18next?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Dates \u0026 IDs\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [date-fns](https://date-fns.org/) | The best general-purpose date utility default for most JavaScript and TypeScript apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/date-fns/date-fns?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/date-fns?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Day.js](https://day.js.org/) | A lightweight alternative when you want a smaller Moment-like API surface. | ![GitHub Repo stars](https://img.shields.io/github/stars/iamkun/dayjs?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/dayjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Luxon](https://moment.github.io/luxon/) | Strong choice when timezone-heavy date handling matters more than minimal bundle size. | ![GitHub Repo stars](https://img.shields.io/github/stars/moment/luxon?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/luxon?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Temporal](https://tc39.es/proposal-temporal/docs/) | The long-term native direction for safer date and time handling in JavaScript. | — |\n| [nanoid](https://github.com/ai/nanoid) | My default pick for compact, modern ID generation. | ![GitHub Repo stars](https://img.shields.io/github/stars/ai/nanoid?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/nanoid?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [uuid](https://github.com/uuidjs/uuid) | Still the standard option when interoperability and familiar UUID formats matter. | ![GitHub Repo stars](https://img.shields.io/github/stars/uuidjs/uuid?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/uuid?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Backend, APIs \u0026 Data\n\n### API layers\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Hono](https://hono.dev/) | Lean, modern, edge-friendly, and increasingly hard to ignore. | ![GitHub Repo stars](https://img.shields.io/github/stars/honojs/hono?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/hono?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Fastify](https://fastify.io/) | Excellent for structured Node APIs. | ![GitHub Repo stars](https://img.shields.io/github/stars/fastify/fastify?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/fastify?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [NestJS](https://nestjs.com/) | Strong for teams that want architecture spelled out. | ![GitHub Repo stars](https://img.shields.io/github/stars/nestjs/nest?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40nestjs%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Express](https://expressjs.com/) | Still important to know because so much Node infrastructure and legacy code still assumes it. | ![GitHub Repo stars](https://img.shields.io/github/stars/expressjs/express?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/express?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [tRPC](https://trpc.io/) | Worth evaluating when you want end-to-end TypeScript without hand-written API clients. | ![GitHub Repo stars](https://img.shields.io/github/stars/trpc/trpc?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40trpc%2Fserver?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\nWhen the contract is **OpenAPI** and the client is **React + TypeScript**, generate types (and optionally clients) instead of duplicating shapes by hand — this lines up with the [backend](https://github.com/khasky/backend-architecture-playbook) and [frontend](https://github.com/khasky/frontend-architecture-playbook) playbooks:\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [openapi-typescript](https://github.com/drwpow/openapi-typescript) | Types from OpenAPI; works well with hand-written `fetch` or TanStack Query. | ![GitHub Repo stars](https://img.shields.io/github/stars/drwpow/openapi-typescript?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/openapi-typescript?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Hey API OpenAPI TS](https://github.com/hey-api/openapi-ts) | Codegen for clients and types with active maintenance. | ![GitHub Repo stars](https://img.shields.io/github/stars/hey-api/openapi-ts?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40hey-api%2Fopenapi-ts?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Orval](https://orval.dev/) | OpenAPI → clients, mocks, and hooks (including TanStack Query). | ![GitHub Repo stars](https://img.shields.io/github/stars/orval-labs/orval?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/orval?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### ORMs \u0026 query builders\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Prisma](https://www.prisma.io/) | Still one of the best choices for productivity and onboarding speed. | ![GitHub Repo stars](https://img.shields.io/github/stars/prisma/prisma?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/prisma?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Drizzle ORM](https://orm.drizzle.team/) | One of the strongest choices when you want SQL closer to the surface. | ![GitHub Repo stars](https://img.shields.io/github/stars/drizzle-team/drizzle-orm?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/drizzle-orm?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Kysely](https://kysely.dev/) | Great when you want type-safe SQL query building without a full ORM. | ![GitHub Repo stars](https://img.shields.io/github/stars/kysely-org/kysely?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/kysely?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Knex](https://knexjs.org/) | Old but still useful in many backend projects. | ![GitHub Repo stars](https://img.shields.io/github/stars/knex/knex?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/knex?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Mongoose](https://mongoosejs.com/) | Still the obvious entry in MongoDB-heavy Node stacks. | ![GitHub Repo stars](https://img.shields.io/github/stars/Automattic/mongoose?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/mongoose?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Queues, cache, streaming\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [BullMQ](https://bullmq.io/) | The default queueing choice for many Redis-backed Node systems. | ![GitHub Repo stars](https://img.shields.io/github/stars/taskforcesh/bullmq?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/bullmq?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Redis for JavaScript](https://github.com/redis/node-redis) | Standard Redis client for Node. | ![GitHub Repo stars](https://img.shields.io/github/stars/redis/node-redis?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/redis?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Apache Kafka](https://kafka.apache.org/) | Still the heavyweight event-streaming answer when scale and durability matter. | — |\n| [RabbitMQ](https://www.rabbitmq.com/) | Worth knowing where traditional messaging patterns are a better fit than event logs. | — |\n| [Amazon SQS](https://aws.amazon.com/sqs/) | Boring in the best possible way for many cloud-native job pipelines. | — |\n\n### Email \u0026 notifications\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Nodemailer](https://nodemailer.com/) | Still the practical default when you need to send email directly from Node services. | ![GitHub Repo stars](https://img.shields.io/github/stars/nodemailer/nodemailer?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/nodemailer?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### GraphQL \u0026 adjacent tools\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Apollo Client](https://www.apollographql.com/docs/react/) | Still important if your frontend lives in GraphQL. | ![GitHub Repo stars](https://img.shields.io/github/stars/apollographql/apollo-client?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40apollo%2Fclient?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Relay](https://relay.dev/) | Worth it when you want serious GraphQL discipline. | ![GitHub Repo stars](https://img.shields.io/github/stars/facebook/relay?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-relay?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [GraphQL](https://graphql.org/) | Not a default for everything, but still the right tool in some domains. | ![GitHub Repo stars](https://img.shields.io/github/stars/graphql/graphql-js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/graphql?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Authentication \u0026 Security\n\n### Auth\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Better Auth](https://www.better-auth.com/) | One of the strongest new defaults for TypeScript-first, self-hosted authentication. | ![GitHub Repo stars](https://img.shields.io/github/stars/better-auth/better-auth?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/better-auth?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Auth.js](https://authjs.dev/) | Still a very practical choice, especially in the Next.js ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/nextauthjs/next-auth?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/next-auth?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Clerk](https://clerk.com/) | Worth considering when a managed auth platform is the right tradeoff. | ![GitHub Repo stars](https://img.shields.io/github/stars/clerk/javascript?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40clerk%2Fnextjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Passport](https://www.passportjs.org/) | Old, flexible, and still found everywhere in established Node apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/jaredhanson/passport?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/passport?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Lucia](https://lucia-auth.com/) | More notable as a minimalist approach and reference point than as the obvious default for new apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/lucia-auth/lucia?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/lucia?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Amazon Cognito](https://aws.amazon.com/cognito/) | Useful when managed identity is the right tradeoff. | — |\n\n### Tokens \u0026 credentials\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [jsonwebtoken](https://github.com/auth0/node-jsonwebtoken) | The familiar JWT implementation everyone has seen. | ![GitHub Repo stars](https://img.shields.io/github/stars/auth0/node-jsonwebtoken?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/jsonwebtoken?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [paseto](https://github.com/panva/paseto) | Worth knowing when you want a stronger alternative to raw JWT habits. | ![GitHub Repo stars](https://img.shields.io/github/stars/panva/paseto?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/paseto?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [argon2](https://github.com/ranisalt/node-argon2) | A better modern default for new password-hashing code than older bcrypt habits. | ![GitHub Repo stars](https://img.shields.io/github/stars/ranisalt/node-argon2?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/argon2?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [bcrypt.js](https://github.com/dcodeIO/bcrypt.js) | Still extremely common, but more of a compatibility choice than the best new-project default. | ![GitHub Repo stars](https://img.shields.io/github/stars/dcodeIO/bcrypt.js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/bcryptjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Sanitization \u0026 frontend security\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [DOMPurify](https://github.com/cure53/DOMPurify) | The obvious default for sanitizing HTML in frontend contexts. | ![GitHub Repo stars](https://img.shields.io/github/stars/cure53/DOMPurify?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/dompurify?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [sanitize-html](https://github.com/apostrophecms/sanitize-html) | Good when you need configurable HTML sanitization. | ![GitHub Repo stars](https://img.shields.io/github/stars/apostrophecms/sanitize-html?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/sanitize-html?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### SEO \u0026 metadata\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [react-helmet-async](https://github.com/staylor/react-helmet-async) | The safer React-era replacement for `react-helmet` in SPA-style apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/staylor/react-helmet-async?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-helmet-async?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Testing \u0026 Code Quality\n\n### Unit \u0026 component testing\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Vitest](https://vitest.dev/) | The best default for modern Vite-flavored JS/TS projects. | ![GitHub Repo stars](https://img.shields.io/github/stars/vitest-dev/vitest?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/vitest?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Jest](https://jestjs.io/) | Still important, especially in large existing codebases. | ![GitHub Repo stars](https://img.shields.io/github/stars/jestjs/jest?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/jest?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Node Test Runner](https://nodejs.org/api/test.html) | Worth watching when you want a built-in, dependency-light testing baseline. | — |\n| [bun test](https://bun.com/docs/cli/test) | Increasingly interesting if your stack is already Bun-first. | — |\n| [Testing Library](https://testing-library.com/) | The right mental model for UI tests in most apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/testing-library/react-testing-library?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40testing-library%2Freact?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [MSW](https://mswjs.io/) | Excellent for API mocking without contaminating your components. | ![GitHub Repo stars](https://img.shields.io/github/stars/mswjs/msw?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/msw?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Supertest](https://github.com/ladjs/supertest) | Still a simple and effective way to test HTTP servers. | ![GitHub Repo stars](https://img.shields.io/github/stars/ladjs/supertest?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/supertest?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### End-to-end \u0026 browser automation\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Playwright](https://playwright.dev/) | The current default recommendation for serious end-to-end browser testing. | ![GitHub Repo stars](https://img.shields.io/github/stars/microsoft/playwright?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/playwright?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Cypress](https://www.cypress.io/) | Still widely used and worth knowing well, especially in existing suites. | ![GitHub Repo stars](https://img.shields.io/github/stars/cypress-io/cypress?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/cypress?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [BrowserStack](https://www.browserstack.com/) | Useful when cross-browser reality needs to be tested on actual infrastructure. | — |\n| [Sauce Labs](https://saucelabs.com/) | Another established option for broader browser/device coverage. | — |\n\n### Linting, formatting, repo hygiene\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Biome](https://biomejs.dev/) | Fast, modern, and increasingly compelling as a formatter + linter combo. | ![GitHub Repo stars](https://img.shields.io/github/stars/biomejs/biome?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40biomejs%2Fbiome?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [ESLint](https://eslint.org/) | Still the standard linting tool most teams know and trust. | ![GitHub Repo stars](https://img.shields.io/github/stars/eslint/eslint?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/eslint?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Prettier](https://prettier.io/) | Still the default formatter in countless repos. | ![GitHub Repo stars](https://img.shields.io/github/stars/prettier/prettier?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/prettier?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Oxlint / Oxc](https://oxc.rs/) | Worth tracking as an ultra-fast linting layer, especially in CI-heavy repos. | ![GitHub Repo stars](https://img.shields.io/github/stars/oxc-project/oxc?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/oxlint?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [lint-staged](https://github.com/lint-staged/lint-staged) | Simple, effective pre-commit filtering. | ![GitHub Repo stars](https://img.shields.io/github/stars/lint-staged/lint-staged?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/lint-staged?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Content, Docs, Editors \u0026 Media\n\n### CMS \u0026 content platforms\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Payload](https://payloadcms.com/) | One of the most compelling TypeScript-first CMS/app-platform choices for modern Next.js stacks. | ![GitHub Repo stars](https://img.shields.io/github/stars/payloadcms/payload?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/payload?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Strapi](https://strapi.io/) | Still one of the most recognizable headless CMS options in JS land. | ![GitHub Repo stars](https://img.shields.io/github/stars/strapi/strapi?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40strapi%2Fstrapi?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Keystone](https://keystonejs.com/) | Great when you want a customizable app + CMS foundation. | ![GitHub Repo stars](https://img.shields.io/github/stars/keystonejs/keystone?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40keystone-6%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Ghost](https://ghost.org/) | Strong publishing platform with a mature product story behind it. | ![GitHub Repo stars](https://img.shields.io/github/stars/TryGhost/Ghost?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ghost?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Documentation\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Docusaurus](https://docusaurus.io/) | Great docs portal and content site framework. | ![GitHub Repo stars](https://img.shields.io/github/stars/facebook/docusaurus?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40docusaurus%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [VitePress](https://vitepress.dev/) | One of the cleanest choices for docs sites in the Vite ecosystem. | ![GitHub Repo stars](https://img.shields.io/github/stars/vuejs/vitepress?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/vitepress?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TypeDoc](https://typedoc.org/) | Still the obvious API docs option for TypeScript libraries. | ![GitHub Repo stars](https://img.shields.io/github/stars/TypeStrong/typedoc?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/typedoc?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Rich text \u0026 code editing\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Monaco Editor](https://microsoft.github.io/monaco-editor/) | Best for VS Code-like editing in the browser. | ![GitHub Repo stars](https://img.shields.io/github/stars/microsoft/monaco-editor?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/monaco-editor?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [CodeMirror](https://codemirror.net/) | Flexible and lightweight code editing foundation. | ![GitHub Repo stars](https://img.shields.io/github/stars/codemirror/dev?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/codemirror?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Tiptap](https://tiptap.dev/) | One of the strongest modern rich-text editor choices in React and full-stack content apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/ueberdosis/tiptap?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tiptap%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TinyMCE](https://www.tiny.cloud/) | Mature rich text editor. | ![GitHub Repo stars](https://img.shields.io/github/stars/tinymce/tinymce?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/tinymce?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Quill](https://quilljs.com/) | Still a familiar choice for rich text editing. | ![GitHub Repo stars](https://img.shields.io/github/stars/slab/quill?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/quill?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Files, PDF, uploads, images\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [react-pdf](https://react-pdf.org/) | Useful for both generating and rendering PDFs in React workflows. | ![GitHub Repo stars](https://img.shields.io/github/stars/diegomura/react-pdf?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40react-pdf%2Frenderer?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [PDF.js](https://mozilla.github.io/pdf.js/) | The classic for browser PDF rendering. | ![GitHub Repo stars](https://img.shields.io/github/stars/mozilla/pdf.js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/pdfjs-dist?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [jsPDF](https://github.com/parallax/jsPDF) | Still useful for client-side PDF generation. | ![GitHub Repo stars](https://img.shields.io/github/stars/parallax/jsPDF?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/jspdf?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [react-dropzone](https://react-dropzone.js.org/) | The best default when you want a headless drag-and-drop file upload foundation. | ![GitHub Repo stars](https://img.shields.io/github/stars/react-dropzone/react-dropzone?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-dropzone?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Uppy](https://uppy.io/) | Great when uploads need resumability, remote sources, or a more full-featured upload workflow. | ![GitHub Repo stars](https://img.shields.io/github/stars/transloadit/uppy?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40uppy%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [UploadThing](https://uploadthing.com/) | Strong option for modern TypeScript and Next.js stacks that want an integrated upload backend story. | ![GitHub Repo stars](https://img.shields.io/github/stars/pingdotgg/uploadthing?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/uploadthing?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [FilePond](https://pqina.nl/filepond/) | Great UX for uploads. | ![GitHub Repo stars](https://img.shields.io/github/stars/pqina/filepond?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/filepond?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Sharp](https://sharp.pixelplumbing.com/) | The default serious image-processing library for Node. | ![GitHub Repo stars](https://img.shields.io/github/stars/lovell/sharp?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/sharp?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [imagemin](https://github.com/imagemin/imagemin) | Handy for asset optimization pipelines. | ![GitHub Repo stars](https://img.shields.io/github/stars/imagemin/imagemin?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/imagemin?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [blurhash](https://blurha.sh/) | Still a nice touch for image placeholders. | ![GitHub Repo stars](https://img.shields.io/github/stars/woltapp/blurhash?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/blurhash?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Papa Parse](https://www.papaparse.com/) | Reliable CSV parsing in the browser. | ![GitHub Repo stars](https://img.shields.io/github/stars/mholt/PapaParse?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/papaparse?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Infrastructure, Delivery \u0026 Observability\n\n### Dev environment \u0026 containers\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Git](https://git-scm.com/) | Still the one tool nobody gets to avoid. | — |\n| [Docker](https://www.docker.com/) | The default container story for local dev and many deployments. | — |\n| [Docker Compose](https://docs.docker.com/compose/) | Still the easiest way to boot app-shaped local environments. | — |\n\n### Container orchestration\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Kubernetes](https://kubernetes.io/) | Still the default orchestration layer once your deployment model becomes cluster-shaped. | — |\n| [Amazon ECS / Fargate](https://aws.amazon.com/fargate/) | Great when you want AWS-native container orchestration with less Kubernetes overhead. | — |\n\n### Hosting \u0026 platforms\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Vercel](https://vercel.com/) | Still the default deployment answer for many Next.js-heavy teams. | — |\n| [Cloudflare](https://www.cloudflare.com/) | Strong choice when edge runtimes, caching, and global performance matter a lot. | — |\n| [Netlify](https://www.netlify.com/) | Still very good for static-heavy sites, docs, and simpler frontend deployments. | — |\n| [Railway](https://railway.com/) | Great default when you want to ship a full-stack app quickly without much platform ceremony. | — |\n| [Render](https://render.com/) | Good practical platform for web apps, APIs, workers, and managed services. | — |\n| [Fly.io](https://fly.io/) | Strong option when you want more infrastructure control and global placement. | — |\n\n### CI/CD\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [GitHub Actions](https://github.com/features/actions) | The default CI/CD answer for a lot of GitHub-native teams. | — |\n| [GitLab CI/CD](https://docs.gitlab.com/ee/ci/) | Strong option when your repo and deployment flow already live in GitLab. | — |\n\n### Infrastructure as code \u0026 secrets\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [AWS CDK](https://aws.amazon.com/cdk/) | Great fit if your team thinks in code and already lives in AWS. | ![GitHub Repo stars](https://img.shields.io/github/stars/aws/aws-cdk?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/aws-cdk-lib?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Terraform](https://www.terraform.io/) | Still the standard multi-cloud IaC reference point. | — |\n| [AWS Secrets Manager](https://aws.amazon.com/secrets-manager/) | The obvious managed choice when you are already deep in AWS. | — |\n| [Infisical](https://infisical.com/) | Modern secrets management worth knowing. | — |\n| [Vault](https://www.vaultproject.io/) | Still the heavyweight name in secrets infrastructure. | — |\n\n### Monitoring, logs \u0026 product visibility\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Sentry](https://sentry.io/) | The default frontend and full-stack error-monitoring answer for many teams. | ![GitHub Repo stars](https://img.shields.io/github/stars/getsentry/sentry-javascript?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40sentry%2Fbrowser?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [TrackJS](https://trackjs.com/) | Focused browser error monitoring when you want a tight, JS-first product. | ![GitHub Repo stars](https://img.shields.io/github/stars/TrackJs/trackjs-package?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/trackjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Datadog](https://www.datadoghq.com/) | Still a major observability platform in production backends. | ![GitHub Repo stars](https://img.shields.io/github/stars/DataDog/browser-sdk?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40datadog%2Fbrowser-rum?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Grafana](https://grafana.com/) | Strong for dashboards and metrics visibility. | — |\n| [Better Stack](https://betterstack.com/) | Logs, uptime, and incident tooling in a cleaner modern package. | — |\n| [Axiom](https://axiom.co/) | Worth considering for developer-friendly logs and analytics. | ![GitHub Repo stars](https://img.shields.io/github/stars/axiomhq/axiom-js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40axiomhq%2Fjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [LogRocket](https://logrocket.com/) | Very useful when product teams need session replay in web apps. | — |\n| [OpenReplay](https://openreplay.com/) | Good open-source-minded alternative in the replay space. | ![GitHub Repo stars](https://img.shields.io/github/stars/openreplay/openreplay?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40openreplay%2Ftracker?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Cross-Platform Apps\n\n### Desktop\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Tauri](https://tauri.app/) | My first stop when a desktop shell should stay lean. | ![GitHub Repo stars](https://img.shields.io/github/stars/tauri-apps/tauri?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tauri-apps%2Fcli?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Electron](https://www.electronjs.org/) | Bigger footprint, bigger ecosystem, still a reality when compatibility matters more than size. | ![GitHub Repo stars](https://img.shields.io/github/stars/electron/electron?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/electron?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Mobile\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [Expo](https://expo.dev/) | The best default starting point for most React Native teams. | ![GitHub Repo stars](https://img.shields.io/github/stars/expo/expo?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/expo?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [React Native](https://reactnative.dev/) | Still the default cross-platform native conversation in JS. | ![GitHub Repo stars](https://img.shields.io/github/stars/facebook/react-native?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/react-native?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Capacitor](https://capacitorjs.com/) | Great when your team is fundamentally building a web app that also needs native packaging. | ![GitHub Repo stars](https://img.shields.io/github/stars/ionic-team/capacitor?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40capacitor%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Ionic](https://ionicframework.com/) | Still relevant in hybrid app workflows. | ![GitHub Repo stars](https://img.shields.io/github/stars/ionic-team/ionic-framework?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40ionic%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## AI / ML for JavaScript Apps\n\n### LLM app tooling\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [OpenAI SDK](https://github.com/openai/openai-node) | Official JS/TS SDK for OpenAI APIs. | ![GitHub Repo stars](https://img.shields.io/github/stars/openai/openai-node?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/openai?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [AI SDK by Vercel](https://ai-sdk.dev/) | One of the best ways to build streaming AI UX in modern JS apps. | ![GitHub Repo stars](https://img.shields.io/github/stars/vercel/ai?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ai?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [LangChain.js](https://js.langchain.com/) | Useful when you want chain / agent abstractions in TypeScript. | ![GitHub Repo stars](https://img.shields.io/github/stars/langchain-ai/langchainjs?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/langchain?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Mastra](https://mastra.ai/) | Worth watching if you want a TypeScript-native framework for AI agents and workflows. | ![GitHub Repo stars](https://img.shields.io/github/stars/mastra-ai/mastra?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40mastra%2Fcore?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Transformers.js](https://huggingface.co/docs/transformers.js/) | Strong option for running transformer models in JavaScript environments. | ![GitHub Repo stars](https://img.shields.io/github/stars/huggingface/transformers.js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40huggingface%2Ftransformers?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n### Traditional ML in JS\n\n| Tool | Why it matters | Signals |\n| --- | --- | --- |\n| [TensorFlow.js](https://www.tensorflow.org/js/) | Still the most recognizable ML framework in JS. | ![GitHub Repo stars](https://img.shields.io/github/stars/tensorflow/tfjs?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/%40tensorflow%2Ftfjs?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [ml5.js](https://ml5js.org/) | Great for friendlier creative-coding and educational workflows. | ![GitHub Repo stars](https://img.shields.io/github/stars/ml5js/ml5-library?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/ml5?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n| [Brain.js](https://github.com/BrainJS/brain.js) | Lightweight neural-net tooling worth knowing exists. | ![GitHub Repo stars](https://img.shields.io/github/stars/BrainJS/brain.js?style=flat-square\u0026logo=github\u0026label=stars) ![npm downloads](https://img.shields.io/npm/dw/brain.js?style=flat-square\u0026logo=npm\u0026label=npm%2Fweek) |\n\n---\n\n## Worth Reading\n\n- [You Don't Know JS Yet](https://github.com/getify/You-Dont-Know-JS) — Still one of the best deep dives into how JavaScript actually works.\n- [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript) — Useful when you want pragmatic readability rules for day-to-day code.\n- [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) — Excellent reference repo for algorithms and data structures in JS.\n- [Roadmap.sh — JavaScript](https://roadmap.sh/javascript) — Good bird's-eye view of the learning surface area.\n- [JS: The Right Way](https://github.com/braziljs/js-the-right-way) — Still a worthwhile reference list.\n\n---\n\n## License\n\nMIT is a sensible default for a repository like this, but choose the license that fits how you want others to reuse the material.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhasky%2Fbest-of-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhasky%2Fbest-of-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhasky%2Fbest-of-javascript/lists"}