ng-europe: the new router

11
THE NEW ROUTER Rob Eisenberg @EisenbergEffect

Upload: rob-eisenberg

Post on 28-Nov-2014

1.668 views

Category:

Software


1 download

DESCRIPTION

A twenty minute talk introducing the concepts and design ideas in the new router coming to AngularJS.

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