Medium Article - Use JSX with any MV* framework - Code Snippets - 13 - Test Component

index.js

import dom from 'jsx-render';

class Component
{
    view(el)
    {
        el.appendChild(this.render());
    }

    render()
    {
        throw new Error('Classes which extend Component must implement a render() method which returns JSX, VirtualDOM or HTML!')
    }
}

class Test extends Component
{
    constructor()
    {
        super();
        this.view(document.getElementById('app'));
    }

    render()
    {
        return (
            dom('h1', {}, 'Test')
        );
    }
}

new Test;