Skip to content
๐Ÿ”ฅA collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development ๐Ÿ”ฅ
JavaScript Shell
Branch: master
Clone or download

Latest commit

Latest commit 2f34759 Mar 27, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Delete old ISSUE_TEMPLATE Jan 27, 2020
docs Merge branch 'master' into useStorage Mar 27, 2020
scripts ๐Ÿ“ Doc refactorying Jan 9, 2020
src added export Mar 25, 2020
test ๐Ÿ“ updating README.md Feb 7, 2020
.babelrc ๐Ÿ•ถ Project setup, few initial hooks Dec 20, 2019
.eslintignore ๐Ÿ“ Doc refactorying Jan 9, 2020
.eslintrc Merge pull request #47 from beautifulinteractions/feature/useDrag Jan 14, 2020
.gitignore Merge pull request #47 from beautifulinteractions/feature/useDrag Jan 14, 2020
.huskyrc Merge pull request #47 from beautifulinteractions/feature/useDrag Jan 14, 2020
.mocharc.json ๐Ÿ›๐ŸŽจ Renaming and fixes Feb 21, 2020
.npmrc Add cross-env. Add .npmrc Jan 25, 2020
.nycrc ๐Ÿค– Few documentation typos fixed Dec 28, 2019
.travis.yml Merge pull request #47 from beautifulinteractions/feature/useDrag Jan 14, 2020
CHANGELOG.md Merge branch 'master' into useStorage Mar 27, 2020
CODE_OF_CONDUCT.md ๐Ÿ“ code of conduct Dec 30, 2019
CONTRIBUTING.md ๐Ÿ“ code of conduct Dec 30, 2019
HOOK_DOCUMENTATION_TEMPLATE.md ๐Ÿ“ Doc refactorying Jan 9, 2020
LICENSE Initial commit Dec 18, 2019
README.md Updated README Mar 25, 2020
index.d.ts
logo.png Readme update [skip ci] Jan 10, 2020
package-lock.json ๐Ÿ› fixing package version Mar 14, 2020
package.json updated Changelog and version Mar 26, 2020
usage_example.png ๐Ÿ“ replacing usage example image Jan 2, 2020

README.md

Build Status License: MIT npm GitHub stars

Beautiful React Hooks


A collection of beautiful (and hopefully useful) React hooks to speed-up your components and hooks development

Usage example

๐Ÿ‡ฌ๐Ÿ‡ง English | ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ | ๐Ÿ‡ฎ๐Ÿ‡น Italiano | ๐Ÿ‡ช๐Ÿ‡ธ Espaรฑol | ๐Ÿ‡บ๐Ÿ‡ฆ Ukrainian | ๐Ÿ‡ง๐Ÿ‡ท Brazilian Portuguese | ๐Ÿ‡ต๐Ÿ‡ฑ Polski

๐Ÿ’ก Why?

React custom hooks allow to abstract components' business logic into single reusable functions.
So far, we've found that most of the hooks we've created and therefore shared between our internal projects have quite often a similar gist that involves callback references, events and components' lifecycle.
For this reason we've tried to sum up that gist into beautiful-react-hooks: a collection of (hopefully) useful React hooks to possibly help other companies and professionals to speed up their development process.

Furthermore, we created a concise yet concrete API having in mind the code readability, focusing to keep the learning curve as lower as possible so that the it can be used and shared in bigger teams.

-- Please before using any hook, read its documentation! --

โ˜•๏ธ Features

  • Concise API
  • Small and lightweight
  • Easy to learn
  • Functional approach
  • Fully written in JS (although TS types are supported)

๐Ÿ•บ Install

by using npm:

$ npm install beautiful-react-hooks

by using yarn:

$ yarn add beautiful-react-hooks

๐ŸŽจ Hooks

Contributing

Contributions are very welcome and wanted.

To submit your custom hook, please make sure your read our CONTRIBUTING guidelines.

Before submitting a new merge request, please make sure:

  1. You have updated the package.json version and reported your changes into the CHANGELOG file
  2. make sure you run npm test and npm build before submitting your merge request.
  3. make sure you've added the documentation of your custom hook (you can possibly use the HOOK_DOCUMENTATION_TEMPLATE to document your custom hook).
  4. make sure you've updated the index.d.ts file with your hook types.

Made with

Credits

This library is provided and sponsored by:

As part of our commitment to support and contribute to the open source community.


Icon made by Freepik from www.flaticon.com

You canโ€™t perform that action at this time.