1. Секретный Доклад
о раутинге в React.js
Андрей Листочкин

3. var HelloMessage = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
React.renderComponent(
<HelloMessage name="John" />,
mountNode);
Hello World

4. npm, Common JS, components
ТРУ

5. DOM Diff, Lean, Perf, etc
Перспективен

6. MVC+R

7. MVC+R

8. Routing

9. sharing, liver-reload-ability, bookmarks, SEO
URL

10. URL
=
Телефонный номер

11. director Backbone react-router react-router-
component Aviator Finch
Routers

14. A framework for creating
ambitious web applications

15. Ambitious applications —
url-driven applications

16. URL
https://myapp.com/posts/1
PostsRoute
PostsController
<posts> {{outlet}}
PostRoute
PostController
<post>

17. Ember JS + React Views
HTMLBars

18. React + Ember Router

19. github.com/rpflorence/react-nested-router
@ryanflorence

20. Nested views mapped to nested routes
Modular construction of route hierarchy
Fully asynchronous transition hooks
Transition abort / redirect / retry
Dynamic segments
Query parameters
Links with automatic .active class when their
route is active
Multiple root routes
Hash or HTML5 history URLs

21. DEMO
github.com/toranb/react-es6-routing-example

23. MVC+R

24. @listochkin