Dart, Flutter, and WasmGC with Ömer Ağacan and Martin Kustermann

Chrome for Developers · Beginner ·📄 Research Papers Explained ·10mo ago
In this episode of WasmAssembly, your host Thomas Steiner is joined by Ömer Ağacan and Martin Kustermann from the Dart team at Google. They explore Dart, the language behind Flutter, and how Dart nearly landed in V8 alongside JavaScript, and why Flutter doubled down on Dart and WebAssembly Garbage Collection (WasmGC). Ömer and Martin then share insights on Dart’s performance leap from dart2js to dart2wasm, its potential beyond the browser, and what the WasmGC transition means for developers and the broader ecosystem. Finally, they look at Jaspr, Dart-only web apps, and how different browsers are handling WasmGC. This episode again is packed with sharp technical detail and bold visions for the future of WebAssembly. Chapters: 0:00 - Introducing Ömer and Martin from the Dart team 0:38 - What even is Dart? 3:58 - How V8 almost supported JavaScript and Dart 7:34 - What is Flutter, and why did they choose Dart? 10:21 - Flutter’s three Google I/O moments: Accessibility, hot reloading, and WasmGC 12:37 - Why Flutter bet on WasmGC 16:54 - Were Flutter people part of the WasmGC proposal? 17:37 - How the Flutter and the Dart team collaborate at Google 19:48 - WasmGC explained 23:10 - WasmGC outside of the browser without the JS engineer’s garbage collector 24:01 - Performance impact of switching from dart2js to dart2wasm 26:11 - Web apps with pure Dart 28:48 - Reasons for choosing Dart for Web programming 36:14 - Size differences between Dart compiled to JS vs. Wasm 38:55 - Web apps with Jaspr 41:13 - Dart compiled to WasmGC on non-browser engines 43:01 - WasmGC in the various browsers 46:44 - WasmGC, ready for business adaptation? 48:57 - Concrete problems in different browsers 52:30 - WasmGC in browser benchmarks 54:06 - Ömer’s and Martin’s wishes for the Wasm ecosystem 1:00:00 - Wasm, but not 1:03:26 - How to reach Ömer and Martin Resources: Dart → https://goo.gle/4kfijgD Flutter → https://goo.gle/4kh4jDi Before Flutter | Rubber Duck Engineering | Episode #100 → http
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Chrome for Developers · Chrome for Developers · 0 of 60

← Previous Next →
1 Polymer Performance Patterns (The Polymer Summit 2015)
Polymer Performance Patterns (The Polymer Summit 2015)
Chrome for Developers
 2 Polymer Power Tools (The Polymer Summit 2015)
Polymer Power Tools (The Polymer Summit 2015)
Chrome for Developers
 3 Chrome Dev Summit 2014 – Chrome Case Studies
Chrome Dev Summit 2014 – Chrome Case Studies
Chrome for Developers
 4 Web Directions Code 2015 round up
Web Directions Code 2015 round up
Chrome for Developers
 5 Maintainable Code - HTTP203
Maintainable Code - HTTP203
Chrome for Developers
 6 iron-ajax… wat?! -- Polycasts #26
iron-ajax… wat?! -- Polycasts #26
Chrome for Developers
 7 The Guardian - Supercharged
The Guardian - Supercharged
Chrome for Developers
 8 ES2015 (next version of JavaScript), Totally Tooling Tips (S2 Ep1)
ES2015 (next version of JavaScript), Totally Tooling Tips (S2 Ep1)
Chrome for Developers
 9 #AskPolymer: Rob answers all the questions ever -- Polycasts #27
#AskPolymer: Rob answers all the questions ever -- Polycasts #27
Chrome for Developers
 10 The Future of JavaScript - HTTP203
The Future of JavaScript - HTTP203
Chrome for Developers
 11 Data Binding 101 -- Polycasts #28
Data Binding 101 -- Polycasts #28
Chrome for Developers
 12 The Guardian part 2 - Supercharged
The Guardian part 2 - Supercharged
Chrome for Developers
 13 The Future of Web Audio: with Chris Wilson and Chris Lowis
The Future of Web Audio: with Chris Wilson and Chris Lowis
Chrome for Developers
 14 Chrome 46: New motion-path animations, client hints and service worker improvements
Chrome 46: New motion-path animations, client hints and service worker improvements
Chrome for Developers
 15 Sublime Snippets, Totally Tooling Tips (S2 Ep2)
Sublime Snippets, Totally Tooling Tips (S2 Ep2)
Chrome for Developers
 16 #AskPolymer: How do you make the show? -- Polycasts #29
#AskPolymer: How do you make the show? -- Polycasts #29
Chrome for Developers
 17 Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
Chrome for Developers
 18 Binding to Objects -- Polycasts #30
Binding to Objects -- Polycasts #30
Chrome for Developers
 19 Player FM - Supercharged
Player FM - Supercharged
Chrome for Developers
 20 Where’s the Designer? #AskPolymer -- Polycasts #31
Where’s the Designer? #AskPolymer -- Polycasts #31
Chrome for Developers
 21 Jake Beats Wikipedia - HTTP203
Jake Beats Wikipedia - HTTP203
Chrome for Developers
 22 Supercharged Observers! -- Polycasts #32
Supercharged Observers! -- Polycasts #32
Chrome for Developers
 23 Jai's Web blog - Supercharged
Jai's Web blog - Supercharged
Chrome for Developers
 24 Windows Command-line Tooling, Totally Tooling Tips (S2, Ep4)
Windows Command-line Tooling, Totally Tooling Tips (S2, Ep4)
Chrome for Developers
 25 What about internationalization? #AskPolymer -- Polycasts #33
What about internationalization? #AskPolymer -- Polycasts #33
Chrome for Developers
 26 Developing for Billions (Chrome Dev Summit 2015)
Developing for Billions (Chrome Dev Summit 2015)
Chrome for Developers
 27 Google+ Performance Improvement Comparison
Google+ Performance Improvement Comparison
Chrome for Developers
 28 Deploying HTTPS: The Green Lock and Beyond (Chrome Dev Summit 2015)
Deploying HTTPS: The Green Lock and Beyond (Chrome Dev Summit 2015)
Chrome for Developers
 29 Progressive Web Apps (Chrome Dev Summit 2015)
Progressive Web Apps (Chrome Dev Summit 2015)
Chrome for Developers
 30 Instant Loading with Service Workers (Chrome Dev Summit 2015)
Instant Loading with Service Workers (Chrome Dev Summit 2015)
Chrome for Developers
 31 Increase Engagement with Web Push Notifications (Chrome Dev Summit 2015)
Increase Engagement with Web Push Notifications (Chrome Dev Summit 2015)
Chrome for Developers
 32 Engaging with the Real World: Web Bluetooth and Physical Web (Chrome Dev Summit 2015)
Engaging with the Real World: Web Bluetooth and Physical Web (Chrome Dev Summit 2015)
Chrome for Developers
 33 Asking for Permission: respectful, opinionated UI (Chrome Dev Summit 2015)
Asking for Permission: respectful, opinionated UI (Chrome Dev Summit 2015)
Chrome for Developers
 34 Polymer - State of the Union (Chrome Dev Summit 2015)
Polymer - State of the Union (Chrome Dev Summit 2015)
Chrome for Developers
 35 Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)
Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)
Chrome for Developers
 36 Introduction to RAIL (Chrome Dev Summit 2015)
Introduction to RAIL (Chrome Dev Summit 2015)
Chrome for Developers
 37 DevTools in 2015: Authoring to the max (Chrome Dev Summit 2015)
DevTools in 2015: Authoring to the max (Chrome Dev Summit 2015)
Chrome for Developers
 38 RAIL in the real world (Chrome Dev Summit 2015)
RAIL in the real world (Chrome Dev Summit 2015)
Chrome for Developers
 39 #ChromeDevSummit talks are up - W00T! -- Polycast #34
#ChromeDevSummit talks are up - W00T! -- Polycast #34
Chrome for Developers
 40 V8 Performance from the Driver's Seat (Chrome Dev Summit 2015)
V8 Performance from the Driver's Seat (Chrome Dev Summit 2015)
Chrome for Developers
 41 Quantify and improve real-world RAIL (Chrome Dev Summit 2015)
Quantify and improve real-world RAIL (Chrome Dev Summit 2015)
Chrome for Developers
 42 Owning your performance: RAIL (Chrome Dev Summit 2015)
Owning your performance: RAIL (Chrome Dev Summit 2015)
Chrome for Developers
 43 HTTP/2 101 (Chrome Dev Summit 2015)
HTTP/2 101 (Chrome Dev Summit 2015)
Chrome for Developers
 44 Leadership Panel (Chrome Dev Summit 2015)
Leadership Panel (Chrome Dev Summit 2015)
Chrome for Developers
 45 Build Processes, Totally Tooling Tips (S2, Ep 5)
Build Processes, Totally Tooling Tips (S2, Ep 5)
Chrome for Developers
 46 Accessibility (Chrome Dev Summit 2015)
Accessibility (Chrome Dev Summit 2015)
Chrome for Developers
 47 Binding to Arrays -- Polycasts #35
Binding to Arrays -- Polycasts #35
Chrome for Developers
 48 HTTP2 - HTTP203
HTTP2 - HTTP203
Chrome for Developers
 49 Chrome 47: Splash Screens, requestIdleCallback and better desktop notifications (New in Chrome)
Chrome 47: Splash Screens, requestIdleCallback and better desktop notifications (New in Chrome)
Chrome for Developers
 50 Call For Submissions - Supercharged
Call For Submissions - Supercharged
Chrome for Developers
 51 Cross Device Testing, Totally Tooling Tips (S2 Ep6)
Cross Device Testing, Totally Tooling Tips (S2 Ep6)
Chrome for Developers
 52 Testing AJAX with Web Component Tester -- Polycasts #37
Testing AJAX with Web Component Tester -- Polycasts #37
Chrome for Developers
 53 Slack: Extended Xmas Special - Supercharged
Slack: Extended Xmas Special - Supercharged
Chrome for Developers
 54 Browser testing with Travis & Sauce Labs -- Polycasts #38
Browser testing with Travis & Sauce Labs -- Polycasts #38
Chrome for Developers
 55 Optimize for production with Vulcanize -- Polycasts #39
Optimize for production with Vulcanize -- Polycasts #39
Chrome for Developers
 56 Highlights from Chrome Dev Summit 2015
Highlights from Chrome Dev Summit 2015
Chrome for Developers
 57 Chrome 48: Custom buttons in notifications, DevTools Security panel, and Presentation mode
Chrome 48: Custom buttons in notifications, DevTools Security panel, and Presentation mode
Chrome for Developers
 58 Crisper: Protecting your Polymer app with CSP -- Polycasts #40
Crisper: Protecting your Polymer app with CSP -- Polycasts #40
Chrome for Developers
 59 How do I use Sass with Polymer? #AskPolymer -- Polycasts #41
How do I use Sass with Polymer? #AskPolymer -- Polycasts #41
Chrome for Developers
 60 Colors – DevTools Tonight #0 (Pilot)
Colors – DevTools Tonight #0 (Pilot)
Chrome for Developers

Related AI Lessons

⚡
The ABCs of reading medical research and review papers these days
Learn to critically evaluate medical research papers by accepting nothing at face value, believing no one blindly, and checking everything
Medium · LLM
 ⚡
#1 DevLog Meta-research: I Got Tired of Tab Chaos While Reading Research Papers.
Learn to manage research paper tabs efficiently and apply meta-research techniques to improve productivity
Dev.to AI
 ⚡
How to Set Up a Karpathy-Style Wiki for Your Research Field
Learn to set up a Karpathy-style wiki for your research field to organize and share knowledge effectively
Medium · AI
 ⚡
The Non-Optimality of Scientific Knowledge: Path Dependence, Lock-In, and The Local Minimum Trap
Scientific knowledge may be stuck in a local minimum, hindering optimal progress, and understanding this concept is crucial for advancing research
ArXiv cs.AI

Chapters (23)

Introducing Ömer and Martin from the Dart team
0:38 What even is Dart?
3:58 How V8 almost supported JavaScript and Dart
7:34 What is Flutter, and why did they choose Dart?
10:21 Flutter’s three Google I/O moments: Accessibility, hot reloading, and WasmGC
12:37 Why Flutter bet on WasmGC
16:54 Were Flutter people part of the WasmGC proposal?
17:37 How the Flutter and the Dart team collaborate at Google
19:48 WasmGC explained
23:10 WasmGC outside of the browser without the JS engineer’s garbage collector
24:01 Performance impact of switching from dart2js to dart2wasm
26:11 Web apps with pure Dart
28:48 Reasons for choosing Dart for Web programming
36:14 Size differences between Dart compiled to JS vs. Wasm
38:55 Web apps with Jaspr
41:13 Dart compiled to WasmGC on non-browser engines
43:01 WasmGC in the various browsers
46:44 WasmGC, ready for business adaptation?
48:57 Concrete problems in different browsers
52:30 WasmGC in browser benchmarks
54:06 Ömer’s and Martin’s wishes for the Wasm ecosystem
1:00:00 Wasm, but not
1:03:26 How to reach Ömer and Martin
Up next
Microsoft Research Forum | Season 2, Episode 4
Microsoft Research
Watch →