← Back to library

▶ quest log

2 Dev Websites: useHooks for React, Bundlephobia for Package Size

Coding ToolsIntermediateAdvanced@conniecodessaved JAN 20

◇ Could this help me?

Yes. Both are safe, free, well-known dev resources, and the practice they encode is genuinely good: checking a package's real cost before adding it, and reaching for vetted, tested hooks before writing custom ones. The reason they earn a place in an AI library is that they complement AI-assisted coding directly: agents propose dependencies constantly, so a Bundlephobia check before approving an agent's suggested package is a practical guardrail, and useHooks beats ad hoc AI-generated hooks for solved problems. General practice for any JavaScript or React project, not project-specific.

✦ Walkthrough+10 xp / step
0 / 3 steps · adopt for +40
$ suggested_prompt+40xp

Adopt two dependency-hygiene rules for this project. Rule 1: whenever you propose adding an npm package, first report its cost as Bundlephobia shows it (minified and gzipped size) and list any smaller alternative packages that accomplish the same goal, then wait for explicit approval before adding anything. Rule 2: before writing a custom React hook, check whether a well-tested hook from useHooks already covers the need and prefer it when it fits. Draft these as a short section I can add to the project's CLAUDE.md and show it to me for approval.

More from Coding Tools

Enter world →