Universally Speaking

on YouTube ↗42m

" summary

Built a clone of the Asteroids site using Angular Universal with an Express server (generated via ng add @nguniversal/express-engine), solved server errors like window/document undefined by using dependency-injected platform-specific providers and optional services, removed WebGL on the server, and stopped double API calls by shipping serialized state to the client using TransferState with NgRx plus a timestamped cache. Server render shows thousands of asteroid rows (good for SEO/social previews) but adds TTFB and operational complexity.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 20:24Platform-specific modules
3. 22:25Avoiding the DOM
4. 23:01Components
5. 23:47Be explicit about it
6. 26:17Check the platform...
7. 28:58Just turn it off
8. 34:39State Transfer + Store
9. 38:47Performance
10. 39:11Complexity

" related talks

• 31mAngular Universal in the Real WorldCraig Spence · AngularUP 2019
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 51mThe Jedi Path to Angular UniversalMichel Murabito · Angular Day 2018
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 31mUniversally speakingCraig Spence · Angular Connect 2018
• 28mServer-side rendering with Angular 2Wassim Chegham · NG Poland 2016
• 19mAngular Universal & Our New PrerendererWagner Maciel · ng-conf 2020: Hardwired
• 22mng Generate Universal, Now What?James Daniels · ng-conf 2019