The Jedi Path to Angular Universal

on YouTube ↗51m

" summary

Angular Universal (server-side rendering for Angular) is presented as a way to make content visible sooner and improve SEO/social previews, but it increases CPU and engineering cost. The talk covers using ngExpressEngine, a server module, a TypeScript/webpack server build and absolute URLs, shows measurements where server-rendered HTML appears earlier though total and time-to-interactive can be slower (example server ~5.0s vs client ~4.2s; TTI ~4.3s vs ~3.8s), and describes a todolist demo where simple apps work but complex apps require fixes for incompatible libraries and unresolved promise data.

AI-written summary · about

" chapters (10)

1. 0:00Jedi Path to Angular Universal
2. 6:05Angular Universal overview
3. 11:29SSR vs client-side rendering
4. 18:41SSR performance pros/cons
5. 25:25Angular Universal challenges
6. 32:10Enabling SSR code changes
7. 39:40Debugging SSR errors
8. 43:15Performance data analysis
9. 47:14Infrastructure considerations
10. 50:07Feedback & conclusion

" related talks

• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 19mAngular Universal & Our New PrerendererWagner Maciel · ng-conf 2020: Hardwired
• 28mServer-side rendering with Angular 2Wassim Chegham · NG Poland 2016
• 24mAngular 2 Server Side RenderingWassim Chegham · Angular Camp 2016
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 21mStrategies for Server Side Rendering Angular ApplicationsVikram Subramanian · NGConf 2018
• 22mAngular Pre Rendering for SEO, Speed, and Happy UsersJeff Cross · ng-conf 2017
• 31mAngular Universal in the Real WorldCraig Spence · AngularUP 2019