awesome-react-custom-hooks
An awesome list of useful react custom hooks.
Install
npm install --save awesome-react-custom-hooks
Usage
useFetch
import React from "react";import useFetch from "awesome-react-custom-hooks"; const App = const res error isLoading = ; if error return <div>Error</div>; return <> <h1>useFetch Example</h1> isLoading ? <div>Loading...</div> : JSON </> ;;
useLocalStorageState
import React from "react";import useLocalStorageState from "awesome-react-custom-hooks"; { const counter setCounter = ; return <> <h1>useLocalStorageState Example</h1> <div>counter</div> <button = > Add counter </button> </> ;}
useMousePosition
;; { const position = ; return <> <h1>useMousePosition Example</h1> positionx:positiony </> ;}
useDataApi
;; { const query setQuery = ; const data isLoading isError doFetch = ; return <> <h1>useDataApi Example</h1> <form onSubmit= { ; event; } > <input type="text" value=query onChange= /> <button type="submit">Search</button> </form> isError && <div>Something went wrong ...</div> isLoading ? <div>Loading ...</div> : <ul> datahits </ul> </> ;}
Contributing
Please read CONTRIBUTING.md for details on the process for submitting pull requests to us.
License
MIT © lcnogueira
This library was bootstraped with create-react-hook.