Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.
This repo contains a collection of useful hooks that can be used to speed up front-end application development.
Parse a text string with ACR values into an object.
usage:
const [acrValues] = useAcrValues("acrValues=key1:value1 key2:value2");
// acrValues = { key1: value1, key2: value2 }usage:
const todos = useArray(["foo", "bar"])
todos.add("baz")usage:
const [darkMode, setDarkMode] = useDarkMode();// usage: usage:
const handler = () => {... }
useEventListener("mousemove", handler);(adapted from: stevenpersia/captain-hook)
usage:
const [ elementFS, toggleFS, isFS ] = useFullScreen();
<div ref={elementFS}>I want to fullscreen this div.</div>
<button onClick={toggleFS}>Trigger fullscreen</button>
<button onClick={toggleFS}>Exit fullscreen</button>usage:
const [hoverRef, isHovered] = useHover();
return <div ref={hoverRef}>{isHovered ? "😁" : "☹️"}</div>;Similar to useState but first arg is key to the value in local storage.
usage:
const [name, setName] = useLocalStorage("name", "Bob");source: usehooks.com
Proof Key for Code Exchange PKCE, pronounced “pixy” is an acronym for Proof Key for Code Exchange. The key difference between the PKCE flow and the standard Authorization Code flow is users aren't required to provide a client_secret.
usage:
const [verifier, challenge] = usePkce();Call the hook which returns, current value and the toggler function
usage:
const [isLoading, toggleLoading] = useToggle();Copyright (c) 2010-2021, Netsoft® (Portugal) mail@netsoft.pt
Permission to use, copy, modify, and distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.