ng-europe: The New Router
•Télécharger en tant que PPTX, PDF•
7 j'aime•4,958 vues
A twenty minute talk introducing the concepts and design ideas in the new router coming to AngularJS.
Recommandé
Contenu connexe
Tendances
Tendances (8)
Similaire à ng-europe: The New Router
Similaire à ng-europe: The New Router (20)
Dernier
Dernier (20)
ng-europe: The New Router
- 1. THE NEW ROUTER Rob Eisenberg @EisenbergEffect
- 2. Agenda FEATURES • The Basics • Dynamic Loading • Screen Activation • Child Apps DESIGN • Navigation Pipeline • Customization
- 3. FEATURES
- 4. FEATURES The Basics Familiar Features • Configuration • 404 Handling • History Manipulation New Features • Conventions • Navigation Model • Document Title Updates
- 6. FEATURES Child Apps • The App Router & Child Routers • State Management & Component Reuse • Parallel Controllers
- 7. FEATURES Screen Activation • Lifecycle • TO: canActivate activate • FROM: canDeactivate deactivate • Promises • NavigationCommands
- 8. DESIGN
- 9. DESIGN Navigation Pipeline • NavigationInstruction • NavigationContext • Pipeline
- 10. DESIGN Customization • Configuration/Conventions • NavigationInstruction • NavigationCommand • Pipeline • History • Viewport
- 11. la fin
Notes de l'éditeur
- Introduction (2 minutes) Who am I? Building client-side frameworks for 9 years, Windows, Unity3d and Browser (DurandalJS) Came to work with team back in February to work on the next generation. Prior Art/Research/Experience (Working with Brian Ford)
- Basics (5 minutes) Written with ES6 Configuration Separated Configuration Model, Raw Config Import, Fluent API (Planned) Static, Parameterized and Splat Patterns; Query Strings Push State or Hashchange Convention over Configuration Navigation Model Document Title Updates 404 Route Handling History Manipulation Somewhat Framework Agnostic Planned Backport to Angular 1.3
- Dynamic Loading (1 minute)
- Child Apps (4 minutes) Child Routers Parallel Controllers State Management/Component Reuse DEMO - Hello Router, Projects
- Screen Activation (3 minutes) Lifecycle Promises NavigationCommands DEMO - Hello Router, Wizard
- Asynchronous Pipeline (3 minutes) NavigationInstruction NavigationContext Pipeline
- Customization (1 minute) Configuration/Convention NavigationInstruction NavigationCommand Pipeline History Viewport