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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@ridgehkr/useful

v1.0.0-alpha.13

Published

A collection of performant React utility hooks for modern web applications

Downloads

82

Readme

useFul: a React Hooks Library

Welcome to useFul! This library provides a collection of efficient and modern React hooks to enhance your application development experience. These hooks are designed to simplify common tasks, improve code reusability, and promote best practices in your React projects. useFul is written in TypeScript, uses Vite for its development environment, and Vitest for unit testing.

useFul officially supports React v18.0 and newer.

Documentation

Read the full documentation at https://docs.usefulhooks.com.

Installation

npm install @ridgehkr/useful

Or, with Yarn:

yarn add @ridgehkr/useful

Development

This project uses Yarn as its package manager. To get started, first install all project dependencies:

yarn

Spin up the development server:

npm run dev

Or, with Yarn:

yarn dev

All hooks live in /src/hooks/, and their associated unit tests are in /src/tests/. Every hook follows the standard hook naming convention of "use[hook capability]", e.g. useFetch or useLocalStorage.

Unit test files use the name format of [hook name].test.tsx, e.g. useFetch.test.tsx or useLocalStorage.test.tsx. All unit tests for a hook should exist in their associated test file and nowhere else.

Unit tests

useFul relies on Vitest for its unit testing framework. The test results can be seen either in the console (test task) or in a browser (test:ui). The scripts, when running, will watch your test files and automatically run again when any changes are made.

Note that most hooks don't have unit tests yet. If you'd like to contribute to this effort, please submit a pull request!

Test Scripts

Run all tests in the console:

npm run test

Or, with Yarn:

yarn test

Run all unit tests as well as Vitest's live test status UI:

npm run test:ui

Or, with Yarn:

yarn test:ui

Contributing

useFul thrives on contributions from developers like you! If you encounter issues or have any suggestions for improvements, please feel free to contribute by opening an issue or submitting a pull request in the GitHub repository.

License

This project is licensed under the MIT License.

Written by Caleb Pierce.