https://github.com/developit/preact-deep-force-update

Recursively invoke forceUpdate() on a tree of Preact components
https://github.com/developit/preact-deep-force-update

Last synced: 3 months ago
JSON representation

Recursively invoke forceUpdate() on a tree of Preact components

• Host: GitHub
• URL: https://github.com/developit/preact-deep-force-update
• Owner: developit
• License: mit
• Created: 2016-07-18T01:39:44.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-09T15:24:22.000Z (over 8 years ago)
• Last Synced: 2025-09-12T00:45:39.686Z (4 months ago)
• Language: JavaScript
• Homepage: https://jsfiddle.net/ffr9608m/
• Size: 4.88 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# preact-deep-force-update

[![NPM](http://img.shields.io/npm/v/preact-deep-force-update.svg)](https://www.npmjs.com/package/preact-deep-force-update)

[![travis-ci](https://travis-ci.org/developit/preact-deep-force-update.svg)](https://travis-ci.org/developit/preact-deep-force-update)

Recursively invoke forceUpdate() on a tree of components.

#### [JSFiddle Example](https://jsfiddle.net/developit/ffr9608m/)

---

### Usage Example

```js

import { h, Component, render } from 'preact';

import deepForceUpdate from 'preact-deep-force-update';

class Main extends Component {

	render() {

		return 
;

	}

}


class Inner extends Component {

	render() {

		let time = new Date().toTimeString();

		return {time};

	}

}

let main;

render( main=c } />, document.body);

// force an update to the whole tree:

deepForceUpdate(main);

// you can also pass an Element:

deepForceUpdate(document.body.firstChild);

```

---

### License

[MIT]

[Preact]: https://github.com/developit/preact

[MIT]: http://choosealicense.com/licenses/mit/