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
Catching Http Operations
Dockerizing
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
Angular Universal
By Diego Barahona
Angular Universal
- 161