r34k7-container

A simple container for ReactJS.

'use strict';

import React from 'react';
import {Container, Handler} from 'r34k7';

class App extends React.Component
{
    constructor(props)
    {
        super(props);
    }

    render()
    {
        return(
            <div>
                <Container name="container1">
                    <Handler target="container1" action="close">
                        <img src="your-icon.png" />
                    </Handler>
                    <h1>Xuplau</h1>
                </Container>
                <Handler target="container1" action="open">
                    <a>Open 1</a>
                </Handler>

                <Container name="container2">
                    <h1>Xuplau</h1>
                </Container>
                <Handler target="container2" action="close">
                    <a>Close 2</a>
                </Handler>
                <Handler target="container2" action="open">
                    <a>Open 2</a>
                </Handler>
            </div>
        );
    }
}

React.render(
    <App />,
    document.getElementById('content')
);

You can easily use the window.EventTarget as a Container prop.

<Container eventTarget={theWindowEventTarget} />

Or implementing your own extending from AbstractEventTarget