Universal Angular2

Post on 15-Jan-2017

71 views 0 download

Transcript of Universal Angular2

Angular Eri

ck A

ky

What is the problem of client-siderendering?

client-side rendering

- Latency

- Compatibility

- SEO

- Social Links

client-side rendering

Client Server

Client Server

Client Server

GET /

GET *loop

Client Server

GET /

GET *loop

Running JavaScript

Client Server

GET /

GET *loop

GET *loop

Client Server

GET /

GET *loop

GET *loop

server-side rendering

Client Server

Client Server

Client Server

GET /

Client Server

GET /

Running JavaScript

Client Server

GET /

GET *loop

Client Server

GET /

GET *loop

Running JavaScript

Client Server

GET /

GET *loop

What does angular2 offer?

Universal Angular 2

Problems solved by universal pattern

1. Gap Events (preboot)

2. Async (Zone.js)

3. Dependencies (DI)

Show me the code!

Thank you