React Templates vs JSX

footer.js

import template from './footer.rt';

class Footer extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return template.call(this);
  }
}

export default Footer;

footer.rt

<rt-require dependency="react-router/lib/components/Link" as="Link"/>

<div></div>

navbar.js

class Navbar extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return require('./navbar.jsx').call(this);
  }
}

export default Navbar;

navbar.jsx

import { Link } from "react-router";

export default () => (
<div></div>
);