Секретный доклад о React Router - OdessaJS 2014
0 likes2,476 views
This document discusses routing in React.js applications. It provides examples of using React to render components based on URLs and mentions several React routing libraries like react-router and director that can be used to implement routing. It also discusses using Ember's router with React views and nested routing in React applications.
Секретный доклад о React Router - OdessaJS 2014
- 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
- 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
- 17. Ember JS + React Views HTMLBars
- 18. React + Ember Router
- 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
- 23. MVC+R
- 24. @listochkin