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
5. FEATURES Dynamic Loading
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

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

Consultez-les par la suite