useful-custom-react-hooks's People
Forkers
arihant-2310 vineeth-pappu vanjmg fxbayuanggara rammyblog osisamkay jaynguyen0101 ivanflorencio leorenzo sonethaya calvynsiong oriavner287 ejaycoleman ansh47 oleglatypov xavier577 ck-vishwakarma abdulmoeez1225 bastienlaval melodyghost jkutianski mpmazim the-salvation fohtoh emmanuelmanana jcodetalker laakhey roth1002 jeris-manning amit517 skyblueballykid 8key wagnxx atoui-zahreddine gandhigautam raman9937 hoangtung25879 mathura333 ahmedbelal15 angularjsfriend zachcodedthat muhammadshumas lokaimoma sephirothmk nkoster hurleywflow frederickl medomir jocelyn10 herberthk diegokraenau be2wa imsohaibraza h4seeb45 kamanwu-react maymoonaalboloshi rabit1977 jackscorpio iandev096 ref-bit error47 umarmuhd credli johnnyfullstack spiftire kenghongg qualipsolutions hatemhusnieh seanho96 jdmathew lzlptk ck03react q545244819 hafizjavaid renanbartalo michaellarrubis ysrarff roganoalien irf4nmohd tarmah webface mahdi-farahani sanghvian isasumer alperkilickaya fprince333 saumyajitc mcgraths7 norrico31 javascriptcommunity benschlegel morenovrooijen eliamzg alanacdz shiwazi brentmiller1973 sardor2 igneous8k alimurtaza0830 andurogituseful-custom-react-hooks's Issues
Add Language Select Box in Auth Pages
Add Language Select Box in Auth Pages
Make useful-custom-react-hooks a npm package
Hi Kyle. First of all thank you for this collection of awesome utitly hooks. You mentioned that you would be open to add TypeScript versions of your hooks in a seperate branch. I would love that and I would like to actually go one step further. How about making this TS branch a npm package and publish it so people can easily use these hooks in their projects. With you permission i would like to work on that.
useCookie with TypeScript
When I try using useCoookie with typescript I get errors when it returns a null value for newValue.
Any idea what would be causing this?
Hook ideas
Add hooks like -
- useHover
- useWindowDimension
- useClickOutside
- useClipboard
- useLongPress
- useScroll
- useCookie
Hopefully, you will add them :)
Please add hacktoberfest tags in repo
#supportNewbies
useStateWithHistory return problems
Similar to #2
Especially painful if you already use history var name
I think is better if returns as
return [
value,
set,
history: historyRef.current,
pointer: pointerRef.current,
back,
forward,
go
]
and then you can destructure as
const [count, setCount, countHistory, countPointer, countBack, countForward, countGo ] =
useStateWithHistory(1)
useOnScreen causing issue while unmounting
Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a use effect cleanup function.
Bug in useArray
In the "update" and "remove" functions, it should be "a.length" instead of "a.length-1", as with the "slice" function, the second index is not included in the result. The problem can even be seen in the result of the demo in the youtube video (after 9m55 in https://www.youtube.com/watch?v=0c6znExIqRw)
Return as Array
Similar to #2
useTimeout - unnecessary dependency array
In the useTimeout hook you actually don't need a dependency array at all. Callback Function will be unstable on every render and trigger the side effect, so there is no point of doing Object.is() checks if you know it will return false. This is the best use-case for useEffect without dependency array.
useEffect(() => {
callbackRef.current = callback
});
useContext
unable to find useContext which can be a good lesson to learn for clean code
Typescript Version?
Maybe someone has already done this (and if so, could link in readme), but it'd be great if there was a typescript version of these hooks?
useCamera
hooks which lets you access the camera stream
Probably not an issue
Only works if i do
return [ array, setArray, push, filter, update, remove, clear ]
and in code
const [array, setArray, push, filter, update, remove, clear] = useArray([])
Not sure why it doesn't work if returning by object, gives me undefined.
Bug in useStateWithHistory
At the first line of the "go" function, there is a problem with the second index check: with the current code it is not possible to go to the last state. It should be for example "if (index < 0 || index > historyRef.current.length-1) return".
Return as Array
Similar to #2
Return as Array
If you've multiple times useAsync()
you can't use destructuring assignment
l
Create vercal support to host the project
Turn this repo into an npm package
I think these hooks could be useful as a simple npm package people could use easily in their projects. What do you think @WebDevSimplified? Just close this issue if you don't think it's a good idea, I don't mind.
The example components you've made for each hook could easily be used as test components for unit tests, and then all we need is some simple documentation. I would be glad to contribute.
Nextjs specific hooks
specific hooks for handling nextjs evnets like routeChangeStart
, routeChangeComplete
etc
Categories Menu Error Handle
Categories Menu Error Handle
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.