Angular Universal allows Angular applications to run outside of the browser by using the @angular/platform-server library. It addresses problems like SEO and startup performance by enabling server-side rendering. Preboot helps manage state transitions from server-rendered views to client-rendered views.

1. Angular Universal. Quick view.

2. https://telnov.com
Oleksandr Telnov
Software Engineer

3. Overview
1. Preamble
2. Server / client side rendering
3. Angular Universal
4. How to / Examples
5. Conclusion

4. Software developers
like to solve problems.
If there are
no problems handily available
they will create their own problems!

8. Browser Rendering Optimization by Google
https://goo.gl/xSMb6B
60 FPS On the mobile web
https://goo.gl/FROLuB

10. Universal JavaScript

14. SEO / No JavaScript
Social Media
Startup performance

18. prerender.io

19. What is Angular Universal?

20. Angular Universal is a
technology that lets
Angular applications run
outside of the browser.

21. @angular/platform-server

26. preboot
The purpose of this library to help manage the
transition of state (i.e. events, focus, data) from a
server-generated web view to a client-generated
web view.

27. Problems?

28. Stop manipulating the DOM directly!