React hook which gives forceUpdate() to functional components.
npm install use-force-update-hook[![NPM version][npm-version-image]][npm-url] [![NPM downloads][npm-downloads-image]][npm-url] [![MIT License][license-image]][license-url] [![Coverage][codecov-image]][codecov-url]
React hook which gives forceUpdate to functional components.
```
npm i --save-dev use-force-update-hook
This package exports 2 hooks: useForceUpdate and useForceUpdateWithCallback.
Normally you shoud use useForceUpdate hook:
`javascript
import React from 'react'
import ReactDOM from 'react-dom'
import { useForceUpdate } from 'use-force-update-hook'
function MyAwesomeComponent() {
const forceUpdate = useForceUpdate()
console.log('render')
return (
In rare cases you may need to do something right after component
forceUpdate finishes.
In that case useForceUpdateWithCallback can be useful. It uses useLayoutEffect under the hood.`javascript
import React from 'react'
import ReactDOM from 'react-dom'
import { useForceUpdateWithCallback } from 'use-force-update-hook'function MyAwesomeComponent() {
function handleUpdate() {
console.log('just updated')
}
const forceUpdate = useForceUpdateWithCallback(handleUpdate)
console.log('render')
return (
)
}
``MIT (http://www.opensource.org/licenses/mit-license.php)
[license-image]: http://img.shields.io/badge/license-MIT-blue.svg?style=flat
[license-url]: LICENSE
[npm-url]: https://www.npmjs.org/package/use-force-update-hook
[npm-version-image]: https://img.shields.io/npm/v/use-force-update-hook.svg?style=flat
[npm-downloads-image]: https://img.shields.io/npm/dm/use-force-update-hook.svg?style=flat
[codecov-url]: https://codecov.io/gh/bhovhannes/use-force-update-hook
[codecov-image]: https://img.shields.io/codecov/c/github/bhovhannes/use-force-update-hook.svg