DEV Community

Martins Gouveia
Martins Gouveia

Posted on

πŸ›‘ Stop Create Hooks in React πŸͺπŸŽ£

React Hooks are functions that let you use React features (like state and lifecycle methods) in functional components. They enable cleaner, simpler, and more readable code.

Sorry for the clickbait (the evil of this century πŸ˜­πŸ˜‚πŸ˜‚).

But the idea of ​​this short post is to stop you from reinventing the wheel by creating Hooks πŸͺ. There are libraries and repositories that provide a variety of community-tested hooks that you can simply copy and paste or import into your project.

1. Mantine Hooks

A set of react hooks for state and UI management

Image description

Source: https://www.npmjs.com/package/@mantine/hooks

2. AHooks

Built and Maintained by Alibaba, aHooks is a high-quality & reliable React Hooks library.

Source: https://ahooks.pages.dev/

3. React Use

Reactuse is a comprehensive collection of custom React Hooks designed to supercharge your functional components!.

Image description

You can easily unlock the full potential of React Hooks and leverage their power to create reusable and efficient code.

I recommend πŸ˜ƒ!

Source: https://www.reactuse.com/

3. UseHooks

With intuitive UI, UseHooks is a collection of modern, server-safe React hooks

To install, type: npm i @uidotdev/usehooks

Image description

Source: https://usehooks.com/

Recommendations:

Image description

Top comments (0)