Uploaded June 2021 | Updated September 2026, 2 hours ago
In this video learn how to optimize the bundle size of your Angular applications. You'll learn:
‣ What's tree-shaking
‣ Understanding the structure of your production bundles
‣ Using code splitting and finding suboptimal imports
In this video learn how to optimize the bundle size of your Angular applications. You'll learn:
‣ What's tree-shaking
‣ Understanding the structure of your production bundles
‣ Using code splitting and finding suboptimal imports
![[Live] Exploring the future of web apps | November 2025](https://i.ytimg.com/vi/4qargCqOu70/mqdefault.jpg "[Live] Exploring the future of web apps | November 2025
Do you want to learn how to use AI? Like really use it to “10x your productivity” the way you keep hearing about?
Join Devin from the Angular team as he explores dynamically generated UIs powered AI in Angular.
We’ll start with a demo that showcases what the future of intelligent web apps might look like before providing a detailed walk-through of three prompting strategies I’ve developed to supercharge my own productivity and create the demo. This will be approachable for anyone - devs, PMs, designers, marketers, or whoever else.
Then, we’ll dive into some more technical topics as I walk through the core of the application, which will include a detailed walk-through of modern #Angular features, like streaming with the resource API, advanced signal usage, and routing. We’ll also dive into setting up #Genkit integrations to infuse your app with the power of AI and a building custom MCP server to automate workflows, which I’ll demonstrate with the #GeminiCLI.
Source code: https://github.com/angular/examples/tree/main/dynamic-sdui-app
0:00 Demo 1 - Dynamic Docs
3:14 Demo 2 - Magic Bookstore
6:02 Demo 3 - MCP Server App Generation
8:29 App / Framework Architecture
13:06 Prompting Strategies
30:45 Code Walk-through
1:01:37 Live coding time!")
