https://nikgraf.github.io/react-hooks/
- Add Type System Info e.g. TypeScript, Flow, Reason
- Add information from Github and NPM
Collection of React Hooks
Home Page: https://nikgraf.github.io/react-hooks/
License: MIT License
https://nikgraf.github.io/react-hooks/
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
= require()
module.export
React.useState
(currently only detects useState
)here it is !
useMermaid Hook
@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)
Current Behavior
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?
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:
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.
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.
The text could be right below the input in a smaller font and grey showing: Found x entries
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.
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.