React Lifecycle Decorators

This library introduces a set of ES7/TypeScript decorators that offer you a new way to set up React lifecycle hooks.

Here is how it looks like:

import {Life} from 'react-lifecycle-es7-decorators';
class MyComponent extends React.Component {
@Life.didUpdate
@Life.didMount
invalidate() {
//code to execute on componentDidUpdate and componentDidMount
}
}

class DerivedComponent extends MyComponent {
@Life.didUpdate
afterUpdate() {
//code to execute on componentDidUpdate
}
}

The decorators add functions to the relevant lifecycle methods in a way that doesn't interfere with previous hooks.

Also, when using an IDE with TypeScript tooling, the Life namespace reminds you of the available lifecycle hooks and their signatures.