@snappmarket/hooks

⚓ hooks are good, making custom re-usable ones is better

<img src="./logo.png" alt="react hooks" />

---

get started

```bash yarn add @snappmarket/hooks

## Hooks Found Here

| Hook Name                                         |  Description                                                     |
| ------------------------------------------------- | ---------------------------------------------------------------- |
| [useDebounce](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useDebounce)      | 🔂 Change rapidly, do once                                       |
| [useDidUpdateEffect](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useDidUpdateEffect) | 🧵 Do not worry about render phase effect calls                 |
| [useFocus](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useFocus)                     | 😵 Focus on every thing you want                                 |
| [useForceUpdate](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useForceUpdate)         | 👿 force update component                                        |
| [useGeoLocation](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useGeoLocation)         | 🗺 easily deal with navigator location API                      |
| [useRouteChange](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useRouteChange)         | 🏹 detect when react router dom route changes                    |
| [useTimer](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/hooks/packages/useTimer)                     | ⏱ easily handle timing                                          |


## usage 
```javascript
import { HOOK_NAME } from '@snappmarket/hooks';


const SampleComponent = props => {
  // use hook here
};