twisterarmy
/
twister-react
mirror of https://github.com/twisterarmy/twister-react.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

upgrade to react-router 2.0 WIP

master
Julian Steinwachs 9 years ago
parent
a045ee8bce
commit
6a0e0a6f04
2 changed files with 69 additions and 59 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 63
      build/app-bundle.js
  2. 61
      jsx/App.js

63
build/app-bundle.js
Unescape View File

@ -26,8 +26,14 @@ var ReactBootstrap = require('react-bootstrap')
, Row = ReactBootstrap.Row , Row = ReactBootstrap.Row
var React = require('react'); var React = require('react');
var Router = require('react-router'); var ReactDOM = require('react-dom');
var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var Link = Router.Link; var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;
var RouteHandler = ReactRouter.RouteHandler;
var Link = ReactRouter.Link;
var hashHistory = ReactRouter.hashHistory;
var Home = require("./home/Home.js"); var Home = require("./home/Home.js");
var Profile = require("./profile/Profile.js"); var Profile = require("./profile/Profile.js");
@ -247,35 +253,34 @@ App = React.createClass({displayName: "App",
}); });
var routes = ( initializeApp = function () {
React.createElement(Route, {handler: App, path: "/"},
React.createElement(Route, {name: "profile-active", path: "/profile", handler: Profile}, //Router.run(routes, function (Handler) {
React.createElement(Route, {name: "profile-active-timeline", path: "timeline", handler: Timeline}), ReactDOM.render((
React.createElement(Route, {name: "profile-active-followings", path: "followings", handler: Followings}), React.createElement(Router, {history: hashHistory},
React.createElement(Route, {name: "profile-active-mentions", path: "mentions", handler: Mentions}), React.createElement(Route, {component: App, path: "/"},
React.createElement(DefaultRoute, {name: "profile-active-timeline-default", handler: Timeline}) React.createElement(IndexRoute, {name: "home", component: Home}),
React.createElement(Route, {name: "profile-active", path: "/profile", component: Profile},
React.createElement(IndexRoute, {name: "profile-active-timeline-default", component: Timeline}),
React.createElement(Route, {name: "profile-active-timeline", path: "timeline", component: Timeline}),
React.createElement(Route, {name: "profile-active-followings", path: "followings", component: Followings}),
React.createElement(Route, {name: "profile-active-mentions", path: "mentions", component: Mentions})
), ),
React.createElement(Route, {name: "profile", path: "/profile/:username", handler: Profile}, React.createElement(Route, {name: "profile", path: "/profile/:username", component: Profile},
React.createElement(Route, {name: "profile-timeline", path: "timeline", handler: Timeline}), React.createElement(IndexRoute, {name: "profile-timeline-default", component: Timeline}),
React.createElement(Route, {name: "profile-followings", path: "followings", handler: Followings}), React.createElement(Route, {name: "profile-timeline", path: "timeline", component: Timeline}),
React.createElement(Route, {name: "profile-mentions", path: "mentions", handler: Mentions}), React.createElement(Route, {name: "profile-followings", path: "followings", component: Followings}),
React.createElement(DefaultRoute, {name: "profile-timeline-default", handler: Timeline}) React.createElement(Route, {name: "profile-mentions", path: "mentions", component: Mentions})
), ),
React.createElement(Route, {name: "conversation", path: "/conversation/:username/:postid", handler: Conversation}), React.createElement(Route, {name: "conversation", path: "/conversation/:username/:postid", component: Conversation}),
React.createElement(Route, {name: "hashtag", path: "/hashtag/:hashtag", handler: Hashtag}), React.createElement(Route, {name: "hashtag", path: "/hashtag/:hashtag", component: Hashtag}),
React.createElement(Route, {name: "settings", path: "/settings", handler: Settings}), React.createElement(Route, {name: "settings", path: "/settings", component: Settings}),
React.createElement(Route, {name: "accounts", path: "/accounts", handler: Accounts}), React.createElement(Route, {name: "accounts", path: "/accounts", component: Accounts}),
React.createElement(Route, {name: "featured", path: "/featured", handler: Featured}), React.createElement(Route, {name: "featured", path: "/featured", component: Featured})
React.createElement(DefaultRoute, {name: "home", handler: Home})
) )
); )
), document.getElementById('content'));
//});
initializeApp = function () {
Router.run(routes, function (Handler) {
React.render(React.createElement(Handler, null), document.getElementById('content'));
});
} }
@ -373,7 +378,7 @@ setInterval(function(){
},1000); },1000);
},{"./common/AppSettingsMixin.js":2,"./common/SafeStateChangeMixin.js":14,"./common/SetIntervalMixin.js":15,"./home/Home.js":18,"./other/Accounts.js":20,"./other/Conversation.js":21,"./other/Featured.js":22,"./other/Hashtag.js":23,"./other/Settings.js":25,"./profile/Followings.js":28,"./profile/Mentions.js":29,"./profile/Profile.js":30,"./profile/Timeline.js":31,"react":499,"react-bootstrap":107,"react-router":307}],2:[function(require,module,exports){ },{"./common/AppSettingsMixin.js":2,"./common/SafeStateChangeMixin.js":14,"./common/SetIntervalMixin.js":15,"./home/Home.js":18,"./other/Accounts.js":20,"./other/Conversation.js":21,"./other/Featured.js":22,"./other/Hashtag.js":23,"./other/Settings.js":25,"./profile/Followings.js":28,"./profile/Mentions.js":29,"./profile/Profile.js":30,"./profile/Timeline.js":31,"react":499,"react-bootstrap":107,"react-dom":279,"react-router":307}],2:[function(require,module,exports){
module.exports = AppSettingsMixin = { module.exports = AppSettingsMixin = {
getInitialState: function() { getInitialState: function() {

61
jsx/App.js
Unescape View File

@ -25,8 +25,14 @@ var ReactBootstrap = require('react-bootstrap')
, Row = ReactBootstrap.Row , Row = ReactBootstrap.Row
var React = require('react'); var React = require('react');
var Router = require('react-router'); var ReactDOM = require('react-dom');
var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var Link = Router.Link; var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;
var RouteHandler = ReactRouter.RouteHandler;
var Link = ReactRouter.Link;
var hashHistory = ReactRouter.hashHistory;
var Home = require("./home/Home.js"); var Home = require("./home/Home.js");
var Profile = require("./profile/Profile.js"); var Profile = require("./profile/Profile.js");
@ -246,35 +252,34 @@ App = React.createClass({
}); });
var routes = ( initializeApp = function () {
<Route handler={App} path="/">
<Route name="profile-active" path="/profile" handler={Profile}> //Router.run(routes, function (Handler) {
<Route name="profile-active-timeline" path="timeline" handler={Timeline} /> ReactDOM.render((
<Route name="profile-active-followings" path="followings" handler={Followings} /> <Router history={hashHistory}>
<Route name="profile-active-mentions" path="mentions" handler={Mentions} /> <Route component={App} path="/">
<DefaultRoute name="profile-active-timeline-default" handler={Timeline} /> <IndexRoute name="home" component={Home} />
<Route name="profile-active" path="/profile" component={Profile}>
<IndexRoute name="profile-active-timeline-default" component={Timeline} />
<Route name="profile-active-timeline" path="timeline" component={Timeline} />
<Route name="profile-active-followings" path="followings" component={Followings} />
<Route name="profile-active-mentions" path="mentions" component={Mentions} />
</Route> </Route>
<Route name="profile" path="/profile/:username" handler={Profile}> <Route name="profile" path="/profile/:username" component={Profile}>
<Route name="profile-timeline" path="timeline" handler={Timeline} /> <IndexRoute name="profile-timeline-default" component={Timeline} />
<Route name="profile-followings" path="followings" handler={Followings} /> <Route name="profile-timeline" path="timeline" component={Timeline} />
<Route name="profile-mentions" path="mentions" handler={Mentions} /> <Route name="profile-followings" path="followings" component={Followings} />
<DefaultRoute name="profile-timeline-default" handler={Timeline} /> <Route name="profile-mentions" path="mentions" component={Mentions} />
</Route> </Route>
<Route name="conversation" path="/conversation/:username/:postid" handler={Conversation}/> <Route name="conversation" path="/conversation/:username/:postid" component={Conversation}/>
<Route name="hashtag" path="/hashtag/:hashtag" handler={Hashtag}/> <Route name="hashtag" path="/hashtag/:hashtag" component={Hashtag}/>
<Route name="settings" path="/settings" handler={Settings}/> <Route name="settings" path="/settings" component={Settings}/>
<Route name="accounts" path="/accounts" handler={Accounts}/> <Route name="accounts" path="/accounts" component={Accounts}/>
<Route name="featured" path="/featured" handler={Featured}/> <Route name="featured" path="/featured" component={Featured}/>
<DefaultRoute name="home" handler={Home} />
</Route> </Route>
); </Router>
), document.getElementById('content'));
//});
initializeApp = function () {
Router.run(routes, function (Handler) {
React.render(<Handler/>, document.getElementById('content'));
});
} }

Write Preview
Loading…
Cancel
Save