Transcript
Page 1: ng-europe: The New Router

THE NEW ROUTERRob Eisenberg

@EisenbergEffect

Page 2: ng-europe: The New Router

AgendaFEATURES

• The Basics

• Dynamic Loading

• Screen Activation

• Child Apps

DESIGN

• Navigation Pipeline

• Customization

Page 3: ng-europe: The New Router

FEATURES

Page 4: ng-europe: The New Router

FEATURES

The BasicsFamiliar Features

• Configuration• 404 Handling• History Manipulation

New Features

• Conventions• Navigation Model• Document Title

Updates

Page 5: ng-europe: The New Router

FEATURES

Dynamic Loading

Page 6: ng-europe: The New Router

FEATURES

Child Apps

• The App Router & Child Routers

• State Management & Component Reuse

• Parallel Controllers

Page 7: ng-europe: The New Router

FEATURES

Screen Activation

• Lifecycle

• TO: canActivate activate

• FROM: canDeactivate deactivate

• Promises

• NavigationCommands

Page 8: ng-europe: The New Router

DESIGN

Page 9: ng-europe: The New Router

DESIGN

Navigation Pipeline

• NavigationInstruction

• NavigationContext

• Pipeline

Page 10: ng-europe: The New Router

DESIGN

Customization• Configuration/Conventions

• NavigationInstruction

• NavigationCommand

• Pipeline

• History

• Viewport

Page 11: ng-europe: The New Router

la fin


Top Related