Angular Universal
Who is Diego Barahona
Full stack developer
Working with Angular since 1.1
Lead the migration of wunderground.com
Made some contributions to the Angular repo
Browser Side Rendered application
Server Side Rendered application
Advantages
The client gets the full page while downloading other assets
Non-javascript clients can consume the page
Light initial load when caching http operations
Dynamic configurations per request (AB testing, feature-flags, etc)
Disadvantages
Increases the complexity of the project
Computing time is more expensive than static storage
The development flow gets downgraded a bit
No watch mode built by default
Server/Browser code specific
Code example
Catching Http Operations
Dockerizing
Code example
Be careful with
Memory Leaks / RXJS Unsubscribe
Mixing user specific info if using cache
Http requests hanging
Security while running code in server
Conclusions
It's a good way to implement all sorts of edge scenarios on how your application loads
From a UX perspective, the user will be able to interact with the site as fast as possible. On mobile devices this is specially good
Complexity is definitely something to consider, it will increase significantly and add some more layers you need to take care
Made with Slides.com