universal angular2

23
Angular Erick Aky

Upload: erick-aky

Post on 15-Jan-2017

71 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Universal Angular2

Angular Eri

ck A

ky

Page 2: Universal Angular2

What is the problem of client-siderendering?

Page 3: Universal Angular2

client-side rendering

- Latency

- Compatibility

- SEO

- Social Links

Page 4: Universal Angular2

client-side rendering

Page 5: Universal Angular2

Client Server

Page 6: Universal Angular2

Client Server

Page 7: Universal Angular2

Client Server

GET /

GET *loop

Page 8: Universal Angular2

Client Server

GET /

GET *loop

Running JavaScript

Page 9: Universal Angular2

Client Server

GET /

GET *loop

GET *loop

Page 10: Universal Angular2

Client Server

GET /

GET *loop

GET *loop

Page 11: Universal Angular2

server-side rendering

Page 12: Universal Angular2

Client Server

Page 13: Universal Angular2

Client Server

Page 14: Universal Angular2

Client Server

GET /

Page 15: Universal Angular2

Client Server

GET /

Running JavaScript

Page 16: Universal Angular2

Client Server

GET /

GET *loop

Page 17: Universal Angular2

Client Server

GET /

GET *loop

Running JavaScript

Page 18: Universal Angular2

Client Server

GET /

GET *loop

Page 19: Universal Angular2

What does angular2 offer?

Page 20: Universal Angular2

Universal Angular 2

Page 21: Universal Angular2

Problems solved by universal pattern

1. Gap Events (preboot)

2. Async (Zone.js)

3. Dependencies (DI)

Page 22: Universal Angular2

Show me the code!

Page 23: Universal Angular2

Thank you