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

@pillar-ui/hooks

v0.7.5

Published

A set of React hooks designed to enhance productivity and simplify common tasks during web development. These hooks provide convenient functionality and can be easily integrated into any React project.

Downloads

104

Readme

Pillar Hooks

Pillar Hooks is a collection of custom React hooks designed to simplify common UI interactions and enhance the development experience. These hooks provide reusable and efficient solutions for tasks such as state management, event handling, and more.

Features

  • Custom Hooks: A collection of custom React hooks to streamline UI interactions.
  • Simplify State Management: Hooks for managing state in functional components, reducing the need for class components or external state management libraries.
  • Event Handling: Hooks to handle common UI events such as form submission, keyboard input, and scrolling.
  • Responsive Utilities: Hooks for handling responsive behaviors, adapting components based on screen size or device.
  • Customization: Hooks can be customized and extended to fit specific project requirements.
  • Efficiency: Optimized performance and resource utilization for smooth UI interactions.
  • TypeScript Support: Hooks are built with TypeScript, providing type safety and enhanced developer experience.

Installation

To start using Pillar Hooks in your project, follow these simple steps:

  1. Make sure you have Node.js and npm (Node Package Manager) installed on your machine.

  2. Create a new project or navigate to your existing project directory in the terminal.

  3. Install the Pillar Hooks package by running the following command:

npm install @hooks

Or Yarn

yarn add @hooks

Usage

Pillar Hooks can be imported and used in your React components as follows:

import { useBoolean } from '@hooks'

function MyComponent() {
  const { state, handleToggle } = useBoolean()

  return (
    <div>
      <button onClick={handleToggle}>{state ? 'On' : 'Off'}</button>
    </div>
  )
}

Make sure to explore the Pillar Hooks documentation for detailed usage instructions and examples for each hook available in the package.

Contributing

We welcome contributions to Pillar Hooks! Whether you want to report issues, suggest new features, or submit pull requests, please refer to our Contributing Guidelines for more information.

Let Us Know

If you have any questions, feedback, or need assistance with Pillar Utils, feel free to open a discussion on our GitHub page. We are committed to providing fast and helpful responses to ensure your success with the library.

You can visit the Pillar Utils GitHub Discussions page to start a new discussion or join existing ones. We are here to support you and provide answers as quickly as possible.

Support Pillar-ui – We Appreciate Your Help

If you find Pillar-ui valuable and would like to help ensure its continued development and maintenance, we'd be honored if you would consider sponsoring the project. Your generous support would help cover the costs of ongoing development, testing, documentation, and community engagement. It would also enable us to dedicate more time and resources to making Pillar-ui even better and more versatile.

You can easily become a sponsor through GitHub Sponsors. This platform allows you to directly support open source projects and their contributors. You can choose to sponsor us on a monthly basis or with a one-time contribution. We'll be sure to acknowledge your sponsorship on our GitHub repository and website.

Of course, there are other wonderful ways to contribute! We always welcome code contributions, issue reports, and spreading the word about Pillar-ui. We value all contributions, no matter how big or small.

We are deeply grateful for your consideration and support. If you'd prefer to make a one-time donation, you can also support us through Ko-fi. Thank you for being a part of the Pillar-ui community!

ko-fi

License

Pillar Hooks is released under the MIT License.