Package Exports

react-lifecycle-es7-decorators

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-lifecycle-es7-decorators) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.