npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

adrianovi

v0.2.6

Published

Mi stack de dependencias frontend/backend: TanStack Query, Axios, React Hook Form, Zod, Zustand, Sonner y más.

Downloads

1,183

Readme

adrianovi

Mi stack personal de dependencias para proyectos React/Next.js. Instala todo de una sola vez.

Instalación

npm install adrianovi

Si es un proyecto React/Next.js añade también los peers:

npm install adrianovi react react-dom

Dependencias incluidas

| Paquete | Versión | Uso | | -------------------------------- | ------- | ------------------------ | | axios | ^1.x | HTTP client | | zod | ^3.x | Validación de esquemas | | react-hook-form | ^7.x | Formularios | | @hookform/resolvers | ^3.x | Integración RHF + Zod | | @tanstack/react-query | ^5.x | Data fetching y caché | | @tanstack/react-query-devtools | ^5.x | DevTools de TanStack | | zustand | ^5.x | Estado global | | react-hot-toast | ^2.x | Notificaciones (clásico) | | sonner | ^2.x | Notificaciones (moderno) |

Uso

// HTTP
import { axios } from "adrianovi";

// Validación
import { z } from "adrianovi";

// Formularios
import { useForm, zodResolver, Controller } from "adrianovi";

// Data fetching
import {
  useQuery,
  useMutation,
  QueryClient,
  QueryClientProvider,
} from "adrianovi";

// Estado global
import { createStore } from "adrianovi";

// Notificaciones — react-hot-toast
import { toast, Toaster } from "adrianovi";

// Notificaciones — sonner
import { notify, SonnerToaster } from "adrianovi";

Plantillas (i18n)

Instala el paquete y aplica la plantilla en tu proyecto:

npm install adrianovi
npx adrianovi init-i18n

También puedes usar el alias corto:

npx adrianovi

Archivos generados:

  • src/i18n/i18n.ts
  • src/i18n/store.ts
  • src/locales/en.json
  • src/locales/es.json

Si ya existen y quieres sobrescribirlos:

npx adrianovi init-i18n --force

Agregar una dependencia nueva

  1. Instalar el paquete:
npm install nombre-paquete

Si aparece un error de peer deps, usa:

npm install nombre-paquete --legacy-peer-deps

Para evitar tener que escribirlo cada vez, crea un archivo .npmrc en la raíz del proyecto:

legacy-peer-deps=true
  1. Exportarla en src/index.ts:
export { algo } from "nombre-paquete";
export type { AlgunTipo } from "nombre-paquete";
  1. Compilar y publicar:
npm version patch
npm publish

Actualizar dependencias existentes

Ejecuta el script incluido — detecta versiones nuevas, instala y compila:

npm run update

El script pregunta antes de actualizar y al final te ofrece publicar directo a npm.


Publicar una nueva versión manualmente

# patch: 0.1.1 → 0.1.2  (correcciones)
# minor: 0.1.1 → 0.2.0  (nueva dependencia)
# major: 0.1.1 → 1.0.0  (cambio que rompe compatibilidad)

npm version patch   # o minor / major
npm publish         # compila automáticamente antes de subir

La primera vez necesitas iniciar sesión:

npm login

npm publish