@pillar-ui/hooks
TypeScript icon, indicating that this package has built-in type declarations

0.8.1 • Public • Published

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.

Package Sidebar

Install

npm i @pillar-ui/hooks

Weekly Downloads

14

Version

0.8.1

License

MIT

Unpacked Size

239 kB

Total Files

124

Last publish

Collaborators

  • hamzaamar