Build powerful application experiences with Flutter Web and Angular

on YouTube ↗30m

" summary

Demonstrates embedding Flutter Web widgets inside an Angular app using element embedding, exchanging state via annotated exports and custom events, and calling Flutter methods from Angular. Replaces expensive zones with the signals API for fine‑grained updates, and combines Angular server‑side rendering plus improved hydration to mitigate bundle‑size and SEO issues. Includes a concrete sample app that uses JS export annotations, event binding, and a GitHub repo link showing the exact integration code.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and energy
2. 3:59Flutter Web evolution
3. 6:07Why Angular matters
4. 9:19Angular component basics
5. 11:24Signals and reactivity
6. 15:19Flutter vs Angular strengths
7. 17:27Flutter Web challenges
8. 20:19Element embedding demo
9. 23:06Code integration walkthrough
10. 28:04Collaboration over competition
11. 29:09Closing and thanks

" related talks

• 13mLearn how Flutter enhances web appsKevin Moore · Google I/O 2022
• 22mInnovation and Trends in Flutter for webKamal Shree · 360|AnDev 2020
• 42mFlutter everywhere — from Mobile to WebFaisal Abid · Android Summit 2019
• 39mHow AngularDart & Firebase did an App togetherJana Moudra · GDG DevFest Ukraine 2017
• 29mWeb Development using Angular Dart 2.0Matan Lurey, Ferhat Buyukkokten · Dart Developer Summit 2016
• 23mOverflow: a large scale JS to AngularDart rewriteFaisal Abid, Kevin Birch · Dart Developer Summit 2016
• 36mDevelop your First Flutter App for Mobile, Web & DesktopDhrumil Shah · droidcon Italy 2020
• 25mCreating responsive UIs and other nuances of Flutter WebKon Syrokostas · Fluttercon Europe 2024