React-EventManager

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

• node.js (https://nodejs.org/)

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