LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.app {
  display: flex;
}

aside.primary-aside {
  width: 200px;
}

main {
  flex: 1;
}
JS
var { Router, Route, IndexRoute, Link, browserHistory } = ReactRouter

var MainLayout = React.createClass({
  render: function() {
    return (
      
{this.props.children}
) } }) var Home = React.createClass({ render: function() { return (

Home Page

) } }) var SearchLayout = React.createClass({ render: function() { return (
{this.props.children}
) } }) var UserList = React.createClass({ render: function() { return (
  • Dan
  • Ryan
  • Michael
) } }) var WidgetList = React.createClass({ render: function() { return (
  • Widget 1
  • Widget 2
  • Widget 3
) } }) // Note that with how CodePen works, I wasn't able to get the browserHistory to work // as the article suggests. The demo works without it, but you'll want to be sure to // use it in a real application ReactDOM.render(( ), document.getElementById('root'))
Host Instantly Drag and Drop Website Builder

 

Term
Mon, 11/27/2017 - 21:45

Related Codes

Pen ID
Pen ID
Pen ID