Skip to content
Event-based simple React state management with decorators
Branch: development
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
lib
samples
src
test
.gitignore
.npmignore
LICENSE
README.md
contributors.md
makefile.js
package-lock.json
package.json
tsconfig.json

README.md

React-EventManager

npm version npm download dependencies license

What is the React-EventManager?

React-EventManager is an alternative method of handling states on React views.

Quick start

Execute npm install react-eventmanager to install react-eventmanager and its dependencies into your project directory.

Usage

To handle events in React view:

import * as React from 'react';
import eventManager from 'react-eventmanager';

@eventManager.subscription({
    userChanged: 'onUserChanged'
})
class SampleContainer extends React.Component {
    constructor() {
        super();

        this.state = {
            userName: 'User-1'
        };
    }

    onUserChanged(userName) {
        this.setState({
            userName: userName
        });
    }

    render() {
        return (
            <div>
                {this.state.userName}
            </div>
        );
    }
}

To invoke a change:

import eventManager from 'react-eventmanager';

eventManager.emit('userChanged', 'Eser Ozvataf');

Todo List

See GitHub Projects for more.

Requirements

License

Apache 2.0, for further details, please see LICENSE file

Contributing

See contributors.md

It is publicly open for any contribution. Bugfixes, new features and extra modules are welcome.

  • To contribute to code: Fork the repo, push your changes to your fork, and submit a pull request.
  • To report a bug: If something does not work, please report it using GitHub Issues.

To Support

Visit my patreon profile at patreon.com/eserozvataf

You can’t perform that action at this time.