clean_jsx.js

render() {
  var showToolbar = true;
  return (
    { x == true ? <Toolbar/> : <div></div> }
    { x == true ? <Toolbar/> : { x == true ? <Toolbar/> : <div></div> } }
  )
}

renderToolbarMobile() {
  return (<ToolbarMobile/>)
}
renderToolbarDesktop() {
  return (<ToolbarDesktop/>)
}
renderToolbarTablet() {
  return (<ToolbarTablet/>)
}

renderToolbarResponsive(type) {
  switch(type) {
    case 'mobile':
      return renderToolbarMobile();
      break;
    case 'tablet':
     ....
  }
}

GetPlatformType() {
  if (window.isMobile) {
    return 'mobile'
  } else {
    if (window.tablet) {
      return 'tablet';
    } else {
      return 'desktop';
    }
  }
}

oninit(){
  this.setState({type: GetPlatformType()})
}

render() {
  var toolbar = renderToolbarResponsive(this.state.type);
  return (
    {toolbar}
  )
}