JSX / Vanilla JS

var App = React.createClass({displayName: "App",

    like: function() {
        AppActions.addLike("this is a liked item")
    },

    unlike: function() {
        AppActions.addLike("this is an unliked item")
    },

    render: function() {
        return (
            React.createElement("div", null,
                React.createElement(Navbar, null),
                React.createElement(Body, null,
                    React.createElement(MainSection, null,
                        React.createElement(Template, null,
                            React.createElement(Locations, null,
                                React.createElement(Location, {path: "/", handler: Home}),
                                React.createElement(Location, {path: "/article1", handler: Article1}),
                                React.createElement(Location, {path: "/about", handler: About}),
                                React.createElement(Location, {path: "/state", handler: TestState}),
                                React.createElement(NotFound, {handler: NotFoundPage})
                            )
                        )
                    ),
                    React.createElement(Sidebar, null,
                        React.createElement("p", {onClick: this.like}, "Click Me"),
                        React.createElement("p", {onClick: this.unlike}, "Click Me"),
                        React.createElement(Aside, {heading: "Test", content: "asfdlkjdaf;lkja;sdflf sdfaffdsfsad sdfjasljfl;dsajfl;ajfd;n dsfsfad sdafasfsadf"}),
                        React.createElement(Aside, {heading: "Test 2", content: "fdlkjdaf;lkja;sdflf sdfaffdsfsad sdfjasljfl;dsajfl;ajfd;n dsfsfad sdafasfsadf"}),
                        React.createElement(Aside, {heading: "Test 3", content: "kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad "})
                    )
                )
            )
        )
    }
});


var App = React.createClass({

    like: function() {
        AppActions.addLike("this is a liked item")
    },

    unlike: function() {
        AppActions.addLike("this is an unliked item")
    },

    render: function() {
        return (
            <div>
                <Navbar />
                <Body>
                    <MainSection>
                        <Template>
                            <Locations>
                                <Location path="/" handler={Home}/>
                                <Location path="/article1" handler={Article1}/>
                                <Location path="/about" handler={About}/>
                                <Location path="/state" handler={TestState}/>
                                <NotFound handler={NotFoundPage}/>
                            </Locations>
                        </Template>
                    </MainSection>
                    <Sidebar>
                        <p onClick={this.like}>Click Me</p>
                        <p onClick={this.unlike}>Click Me</p>
                        <Aside heading="Test" content="asfdlkjdaf;lkja;sdflf sdfaffdsfsad sdfjasljfl;dsajfl;ajfd;n dsfsfad sdafasfsadf"/>
                        <Aside heading="Test 2" content="fdlkjdaf;lkja;sdflf sdfaffdsfsad sdfjasljfl;dsajfl;ajfd;n dsfsfad sdafasfsadf"/>
                        <Aside heading="Test 3" content="kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad kja;sdflf sdfaffdsfsad "/>
                    </Sidebar>
                </Body>
            </div>
        )
    }
});