trashable-react
v1.1.0
Published
A HOC to make React Components garbage collectable when unmounted.
Downloads
644
Maintainers
Readme
trashable-react :put_litter_in_its_place:
A Higher Order Component to make React Components garbage collectable when unmounted.
Learn more about garbage collection and trashable
and why you should use it here.
Installation
npm install --save trashable-react
How to use
import makeComponentTrashable from 'trashable-react';
class Component extends React.Component {
componentDidMount() {
this.props.registerPromise(apiCall()).then(() => {
// ...
}).catch(() => {
// ...
});
}
}
// Passes the registerPromise() function to Component
export default makeComponentTrashable(Component);
Gotchas
You need to register the promise before you add your then
and catch
handlers. Otherwise, you will not get the garbage collection benefits.
// Do this
const registeredPromise = registerPromise(promise);
registeredPromise.then(() => {});
// NOT this
const handledPromise = promise.then(() => {});
registerPromise(handledPromise);