Skip to content

Instantly share code, notes, and snippets.

@Mohammed-El-Nabulsi
Last active April 15, 2016 12:33
Show Gist options
  • Save Mohammed-El-Nabulsi/884fca8a0c73570118a78e44b1ed45e7 to your computer and use it in GitHub Desktop.
Save Mohammed-El-Nabulsi/884fca8a0c73570118a78e44b1ed45e7 to your computer and use it in GitHub Desktop.
import { render } from 'react-dom';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
class LangList extends React.Component {
render() {
return (
<div>LangList</div>
)
}
}
class LangItem extends React.Component {
render() {
return (
<div>LangItem</div>
)
}
}
class AdminApp extends React.Component {
render() {
return (
<div>
<h1>App</h1>
<ul>
<li><Link to="/">About</Link></li>
<li><Link to="/wtf">Inbox</Link></li>
</ul>
{this.props.children}
</div>
);
}
}
function exec() {
render(
<Router history={browserHistory}>
<Route path="/" component={AdminApp}>
<IndexRoute component={LangList} />
<Route path="wtf" component={LangItem} />
</Route>
</Router>
,
document.getElementById('app'),
);
}
exec();
(...)
"dependencies": {
"autoprefixer": "^6.3.6",
"babel": "^6.5.2",
"babel-loader": "^6.2.4",
"babel-polyfill": "^6.7.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"css-loader": "^0.23.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.8.5",
"node-sass": "^3.4.2",
"postcss-loader": "^0.8.2",
"react-dom": "^0.14.8",
"react-router": "^2.0.1",
"sass-loader": "^3.2.0",
"semantic-ui-css": "^2.1.8",
"style-loader": "^0.13.1",
"webpack": "^1.12.14",
"react-router": "^2.2.2"
}
(...)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment