@zl-asica/react

A library of reusable React hooks, components, and utilities built by ZL Asica.


Keywords
react, hooks, library, npm, react-hooks, typescript
License
MIT
Install
npm install @zl-asica/react@0.1.0

Documentation

React Utilities (by ZL Asica) 🚀

npm version License Node.js pnpm Version | React Vitest Eslint Prettier

This repository is NOT a reimplementation of React itself. It is a collection of reusable React hooks, utilities, and tools to enhance development productivity. 🎉

Features

  • 🚀 Lightweight and optimized hooks and utilities for React projects.
  • 📦 Fully typed with TypeScript for better developer experience.
  • 🔒 Clean and consistent utilities for DOM, state, and async operations.
  • ✅ 100% (almost) test coverage with robust testing using Vitest.

Installation

Install the package via pnpm, npm, or yarn:

# With pnpm
pnpm add @zl-asica/react
# With npm
npm install @zl-asica/react
# With yarn
yarn add @zl-asica/react

Usage

For more examples, check the documentation.

Example: useToggle

import { useToggle } from '@zl-asica/react';

const App = () => {
  const [isToggled, toggle] = useToggle(false);

  return <button onClick={toggle}>{isToggled ? 'ON' : 'OFF'}</button>;
};

Limitations

ESM only. This package is built with ESM and is not compatible with CommonJS. If you are using CommonJS, sorry, this package is not for you. 😢

Contributing

Contributions are welcome! Feel free to open an issue or submit a PR or open an issue. ❤️

License

This project is licensed under the MIT License.