Split out render methods into 'views' leaving UI logic in 'controllers'. Hopefully should make it easier to skin / customise.

src/views/atoms/LogoutButton.js

@@ -0,0 +1,13 @@
+var React = require('react');
+
+var LogoutButtonController = require("../../controllers/atoms/LogoutButton");
+
+module.exports = React.createClass({
+    mixins: [LogoutButtonController],
+
+    render: function() {
+        return (
+            <button className="mx_LogoutButton" onClick={this.onClick}>Sign out</button>
+        );
+    }
+});