Flutter, Dart, and WASM: Shipping a new model for Web applications by Kevin Moore @ Wasm I/O 2024

Подписаться 4,4 тыс.

Просмотров 19 тыс.

50% 1

Wasm I/O 2024 / 14-15 March, Barcelona
Slides: goo.gle/flutte...
Now that garbage collection is a standard feature in the WebAssembly runtimes in Chromium-based browsers and Firefox, there is an opportunity for a wide variety of existing GC-languages to target Wasm. Learn how the Dart and Flutter teams and Google worked to add support for this new language to our existing web support, while maintaining compatibility with existing JavaScript. Supporting compilation to both Wasm and Javascript was a challenge. We will cover how JS-interop and browser APIs evolved along with our support for multi-threaded rendering. We’re also excited to showcase our performance compared to JavaScript in the browser and even native code.

Опубликовано:

3 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 73

@guiaflutterflow 5 месяцев назад

The dream is getting closer and closer to being realized. #flutter #web

@tomjones8293 4 месяца назад

wet dream you mean ? or SEO dream ?

@anonymously-rex-cole 3 месяца назад

@@tomjones8293 why keep asking for SEO where that is not really the focus of the product. smh

@isaactfa 5 месяцев назад

Great speaker. Did not expect a Pitch Meeting reference. Tight.

@kevmoo 5 месяцев назад

Yes! 6 hours after posting. You have made my day. 🙏🤣

@lukewallace3877 5 месяцев назад

Subtle references to internet culture in a technical presentation are TIGHT!

@philosophia5577 5 месяцев назад

Great Talk Kevin! Flutter is the best Wasm UI Framework!!

@chaitanyadamarasingu979 5 месяцев назад

Waiting for this since an Year. He is evloved now like a Pokemon

@morawobolu1597 5 месяцев назад

Is it just me or is it that anytime the dotnet team speaks about WASM, people are generally angry. But when another framework discusses it, it's accepted as a revolutionary tech.

@hamm8934 5 месяцев назад

Because microsoft is anti consumer

@_____case 5 месяцев назад

I think it's because Blazor WASM ships the entire .NET runtime to the user's browser, which is why it performs so poorly. The Flutter team considered porting the entire Flutter Engine to WASM, but decided against it because they concluded that it wouldn't be performant. One team made better long-term technical decisions than the other.

@samgarg5228 5 месяцев назад

@@_____case They are still technically shipping the Flutter Engine (Skia) + Framework with the bundle even in wasm, as you can see in the slides 15:00. The main difference is in the Dart's GC. Flutter does not ship the entire Dart GC runtime. They waited for the WASM's GC feature to stabilise and then used the WASM GC instead of shipping the entire Dart GC runtime with the app, Which saves a lot of overhead and bundle size. Blazer ships the .NET GC with the app, and it also uses the DOM instead of drawing pixels to the canvas like flutter, That's why it's very slow and heavy.

@randypenajimenez3893 4 месяца назад

The hate is real.

@randypenajimenez3893 4 месяца назад

@@_____casePoorly?

@DevLife717 2 месяца назад

Great job Kev, really excited for the Flutter/WASM future

@mehmetedex 5 месяцев назад

this is a treat

@chaitanyadamarasingu979 5 месяцев назад

WE wanted performance over WEB and over power react js

@venkatareddy6122 5 месяцев назад

Great talk .

@JT-mr3db 5 месяцев назад

Wonder how accessibility works if everything is just canvas rendered.

@JT-mr3db 5 месяцев назад

Oh they use a DOM twin. Man.. The amount of engineering that has gone in to this is wild.

@aliqanbari2017 5 месяцев назад

Currently yes but in the future their working with the Chrome team on a proposal for adding new accessibility APIs for non html apps

@saiphaneeshk.h.5482 5 месяцев назад

Everything will be translated I guess.

@Lis001- 4 месяца назад

I do see that the team does solve some accessibility bugs. Especially there are a few contributors that tend to author most of them and I am grateful for their work. At the same time, there are wcag breaking bugs that has been open for years. So there is still further work to do on accessibility in Flutter.

@AndysTV 26 дней назад

4:37 Are you going to use a matrix for the logic in the next verision 🤣

@ajitsinghyadav1725 5 месяцев назад

Google is that hard to have SEO friendly web/website app in Flutter 😢

@nandoflorestan 2 месяца назад

Someone did not watch the video... Click this: 12:42

@msSinceEpoch-se2ty 5 месяцев назад

Awesome

@krtirtho 5 месяцев назад

"Super easy, barely an incovenience" ~ Ryan Goerge I see what u did there. Btw, the speech was tight.

@kevmoo 5 месяцев назад

🫵🫵🫵😂

@rolf8064 5 месяцев назад

Oh yeah, that's going to be great for ads, unblockable as hell and event more intruse.

@zzzyyyxxx 5 месяцев назад

Ads in web apps? This is for web apps not websites, no one expects to use WASM for apps.

@oleh6836 5 месяцев назад

Question to speaker. Can we expect dart isolates in web after migration to Wasm? I can compile multithreading C++ code to Wasm, why I can't compile multithreading dart code?

@mraleph 5 месяцев назад

Currently Wasm is limited to sharing linear memory between workers - there is no way to share Wasm GC structs. We could add some support for isolates but all communication would require copying. There is a proposal under discussion to add shared memory to Wasm GC - but it would take some time before that's ready and available in browsers.

@amorenew 5 месяцев назад

Do it will support SEO?

@_____case 5 месяцев назад

Prediction: In the not-too-distant future, SEO will also involve AI that consume the rendered pixels, rather than parsing the HTML alone.

@jhonyhndoea 5 месяцев назад

dont think so. think of it like an app and not like a website

@zzzyyyxxx 5 месяцев назад

There's a proposal to add an accessibility tree to non HTML apps, basically like a cloned HTML tree of the canvas app, which would then be indexed for search engines

@kyleaustin2728 3 месяца назад

@@jhonyhndoea thumbs down.

@nandoflorestan 2 месяца назад

@@kyleaustin2728 Someone did not watch the video... Click this: 12:42

@chaitanyadamarsingu9925 5 месяцев назад

Wanted a real-time comparison of the renderers rather than just slides team... Flutter

@kevmoo 5 месяцев назад

Real time is tricky running both samples at the same time. We'll have a better demo...in my next talk!

@chaitanyadamarasingu979 5 месяцев назад

@@kevmoo OMG i got a response. 🥰🥰🥰🥰🥰 probaly using two laptops of same config running same project with different renderers Thanks Man🤗🤗🤗🤗 I'm a flutter Developer from India

@chaitanyadamarasingu979 5 месяцев назад

@@kevmoo Actual we can run two different renderers within VS CODE two instance of chrome Big Fan pf your work and FLUTTER💌

@zzzyyyxxx 5 месяцев назад

@@kevmoowhere/when is your next talk, Google IO?

@kevmoo 5 месяцев назад

@@zzzyyyxxx that's the plan!

@yakkalabour 4 месяца назад

Flutter to go to the moon

@chaitanyadamarsingu9925 5 месяцев назад

If not html renderer forget about mid-range mobile devices from opening flutter web app

@_____case 5 месяцев назад

Wouldn't the CanvasKit implementations consume fewer resources? 🤔

@anonymously-rex-cole 3 месяца назад

@@_____casetrue i tried it for the first time and was shock from the performance

@chaitanyadamarasingu979 5 месяцев назад

there is no WEB APP for Superlist i guess

@kevmoo 5 месяцев назад

There absolutely is!

@leonardorignanese5902 5 месяцев назад

is SEO gonna be totally ignored now?

@hamm8934 5 месяцев назад

Why would you need seo for a web app? Web app =/= website

@ajitsinghyadav1725 5 месяцев назад

People want one solution so that one app is created in Flutter and can be used as a Website SEO, mobile app etc..

@kyleaustin2728 3 месяца назад

@@hamm8934 Thumbs down.

@hamm8934 3 месяца назад

@@kyleaustin2728 have an seo landing page and redirect to the web app dashboard. People really over optimize for this problem imo. But youre welcome to have a different perspective :)

@hamm8934 3 месяца назад

@@kyleaustin2728 just add a landing page with SEO and then put redirect to the webapp. Google Drive doesn't have SEO indexing for their apps. Why would any other webapp need SEO indexing?

@AMar4enko 5 месяцев назад

Every single time I hear Flutter pitch speech stuffed with benchmarks putting Flutter in a spotlight, I swear, every single time I immediately follow one of the example app links and end up with a janky app with terrible UX. Oh, let me try this text input field - keyboard appears and app yeets you to another dimension and text input is nowhere to be seen. I'm talking about Material 3 app mentioned on the slides. I love Dart lang, I'd really love using it for web development, but this whole "Flutter for web" narrative is just one big lie.

@Alex-bc3xe 5 месяцев назад

I am sorry but Flutter makes no sense in the web why use something else when JavaScript is the web standard Flutter is great for mobile that s it

@jhonacode 4 месяца назад

Why use React for mobile if native is standard?. Why use Kotlin if C++ is more fast?. Why use C++ if assembly is more fast. Why use assembly if binary is the natural machine language?.

@tomjones8293 4 месяца назад

want SEO for your website written in Flutter ?? forget about it. only you mother can find your site written in flutter hope this helps

@nandoflorestan 2 месяца назад

@@tomjones8293 Someone did not watch the video... Click this: 12:42