nikgraf/react-hooks

Collection of React Hooks

react-hooks's Issues

Add react-hooks-lib

https://github.com/beizhedenglong/react-hooks-lib

Add react-firebase-hooks

https://github.com/csfrequency/

Some ideas to improve usage experience

It's really great to have this, so that I can search every hooks in one page. But as a developer who is seeing this page, I may want to know what are the popular ones.

So, I'd love to see the stars and download counts of each repos, and sort by stars as default.

useMermaid hook

here it is !
useMermaid Hook

Setup Travis to automatically deploy on master

Add react-intersection-visible-hook

https://github.com/AvraamMavridis/react-intersection-visible-hook

Scrambled links

Firefox 66.0b9 - Ubuntu 18.04

Current Behavior

1. Load the page
2. Links to the hooks' repositories will be scrambled.

Additional context/Screenshots

As you can see at the bottom URL indicator, the links from the hooks are all scrambled.

As to why this might be happening, I noticed hooks are being sorted alphabetically after the page loads. Maybe it is related to that?

Show number of available results next to the filter input

The text could be right below the input in a smaller font and grey showing: Found x entries

Add Imprint

Add favicon

Add use-scroll-position

https://bmgaynor.gitlab.io/use-scroll-position/#/

Consider dropping `use` from headings

For easier scanning/readability consider dropping the use prefix from the hook headings.

e.g. useDeviceMotion -> DeviceMotion

The code snippets themselves make the usage/name quite clear.

Error when using npm and running develop scripts

Bug Report

Current Behavior
Upon running npm run develop, gatsby exits with a Webpack Error:

info bootstrap finished - 2.231 s

error There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help https://gatsby.dev/debug-html


  WebpackError: Cannot find module 'core-js/modules/es6.object.assign'
  

Reproducible demo
Cleanly clone the repo, npm install dependencies, run npm run develop

Expected behavior/code
Gatsby should start the development server without any errors.

Possible Solution
As pointed out in an issue over at the gatsby repo Error: Cannot find module 'core-js/modules/es6.object.assign', upgrading the gatsby dependency fixes the issue.
Upgrading gatsby also fixed the issue for me.

Additional context/Screenshots

Filter by tags

Next to the filter input it should be possible to make sure only entries with certain tags are listed. Each tag can be added or removed separately.

add react-hook lib

https://github.com/jaredLunde/react-hook

Create fixed list of Tags and clean up Tags

• in the process create Github template

Add Retoggle

https://retoggle.debuggable.io/

Feature: improve subHooks detection

• Support CJS modules
  • = require()
  • module.export
• detect "namespaced" hooks e.g. React.useState (currently only detects useState)
• build actual dependency tree to detect subHooks more precisely, because right now it assumes that hook consists of all imported hooks. This will also allow to support case for multiple hooks per file
• recursively follow all imports to detect all subdependencies
• count how much subhooks used per hook

useTimer hook links are flipped

@nikgraf When we look at https://nikgraf.github.io/react-hooks/, and I fly over the link to my new hook, it points to the hook link below, and vice versa. Still, the content of the JSON is correct. Maybe the link below should be named "reactTimerHook"?

Originally posted by @thibaultboursier in #77 (comment)

Preprocess hooks.json

I was taking a look at the repo to see if I could add #9 (show preview of hook), and I noticed some aspects of processing the hooks could be improved. This issue can serve as an umbrella issue for the following improvements:

• Sort hooks.json on every pull request (using TravisCI?)
• Add unique keys to each hook on every pull request. We probably shouldn't use indices as a key.

Add Google Analytics without Cookie Tracking

Feature: preserve search value in URL

This way it would be possible to share URLs to specific set of hooks, including filtered by the name or by the tag.

It would be trivial to do with something like useUrlState, but Gatsby's router interferes with it and causes infinite loop.

Potential additions

This is a cool celection you got going. I published a package thats hosted at: https://github.com/jacob-ebey/react-hook-utils

It introduces the idea of a global reducer that may be of interest to add.

Include first 6 lines of the source code