Обзор Flutter 3.22 | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O ?
HTML-код
- Опубликовано: 2 июн 2024
- Вышел Flutter v3.22 | WebAssembly, макросы, Universal, что нового ?
В видео я собрал все самые важные новости по поводу обновлений, которые затронули фреймврок Flutter и язык программирования dart
Как и следовало ожидать по превью доклада на Google I/O, основная тема - WebAssembly
Если коротко wasm - это бинарный формат, запускаемый в браузере. Создан он для того, чтобы вывозить высокую нагрузку в web. И как заявляет команда Flutter - у них получилось ускорить время рендера кадров в 2-3 раза!
О том как они это сделали и на что это повлияет, про макросы, про Impeller, deeplinks валидатор и адаптивную верстку - в этом видео
Приятного просмотра!
00:00 - Про Google I/O
00:53 - Что нового в Flutter ?
01:42 - WebAssembly - ускорение web
03:00 - Насколько Flutter теперь быстрый ?
03:52 - Компании, которые пишут web на Flutter
05:10 - Почему wasm так важен ?
05:55 - Игры на Flame
06:30 - Gemini AI sdk (ИИ)
07:16 - Impeller на Android
08:00 - Dart 3.4 Ура, макросы!
08:20 - Зачем нужны macros ?
10:10 - Gemini AI интеграция
10:28 - Адаптивная верстка на Flutter
11:00 - Deeplink валидация
12:07 - Это важное обновление
Подписывайся на мой:
💬 Telegram t.me/frezycode
🚀 Эксклюзивный контент на Boosty boosty.to/frezycode
👨💻 Куча кода GitHub github.com/Frezyx
📸 Instagram / frezycode
Ссылки на упомянутые видео:
UNIVERSAL про Flutter • How Universal Destinat...
Игры на Flutter GlobalGammersChallenge • Announcing the winners...
Адаптивный UI в Flutter • How to build Adaptive ...
Интеграция с Gemini • Gemini API and Flutter...
Валидация deeplink • No more broken links: ...
CameraX • Building picture perfe...
#flutter #dat #google 
Наука
Братюньчик, спасибо тебе что ты также радуешь нас своим контентом❤
Продолжай в том же духе!
Отличное видео, спасибо👍🏻
Стас, спасибо за твою работу. Нужный контент, очень помогает в изучении нового (сравнительно), для меня, направления (более 10 лет в веб-разработке).
С Реактом может только Next.JS потягаться 😆
Привет. Можешь посоветовать что почитать про архитектуру? Как ее лучше выстроить во Flutter, чтобы приложение было масштабируемым и в коде было удобно ориентироваться. В данный момент реализую один production в проект и понял, что без норм архитектуру в дальнейшем будет больно и пока приложения не разраслось по функционалу, я решил внедрить какой-то архитектурный подход. Заранее спасибо за помощь
Спасибо за обзор 🔥
Спасибо за коммент ☺️
Крутой обзор!!
Классный монитор. Хочу себе такой же.
Ждем макросы и shared multithreading, думаю, это даст огромный буст как дарту, так и флаттеру
Спасибо за видео! Стас извини что достаю уже пол года, но вдруг ты уже записал видео про то почему ты не пользуешься flutterflow
Ахахах, привет! Спасибо что пишешь, иначе я забыл бы)
Пока не записано, много других видео в плане, но я постараюсь
@@frezycode да, если что я не душный, просто немного тролил насчёт ff.
Лично для меня главным шоу-стоппером для Flutter в Web является SSR и SEO. Когда ты говоришь что Flutter это не про лендинги фотографов, но потом подчеркиваешь что на нём рисуются только окошки с текстом в Google Earth и в него нет смысла тянуть что то более тяжелое это звучит довольно противоречиво. Wasm это круто и правильно, но главное что нужно чтобы его можно было нормально использовать в Web это полноценный SSR
Стас и умный и красивый) ну просто на все руки мастер)
С последним обновлением снова сломалась возможность запускать виндоус десктоп приложения, если флаттер сдк и проект находятся на разных дисках и диск с проектом отформатирован exFAT. Все остальные комбинации осей, веба и симуляторов для такой конфигурации работают. Эта проблема появилась в 2023 году, но последние 2 месяца все работало.
Хм, довольно редкий кейс на мой взгляд. Я недавно совсем запускал рабочий проект под windows - все хорошо было 🤷♂️ Но да, проект и СДК на одном диске были)
@@frezycode линукс + виндоус + общий диск под проекты, который должен читаться разными осями (именно поэтому exFAT) - не такой уж и редкий случай. Если флаттер подчеркивает свою мультиплатформенность, должен соответствовать )
Спасибо, было интересно :)
Очень рад что получилось)
Насколько быстро будет загрузка web assembly при первом заходе на страничку?
Во Flutter есть lazy loading?
Движок для рендеринга 1.5 - 3 mb в зависимости от браузера и еще сколько-то твой код. Есть lazy loading, можно дробить приложение на сколько угодно маленьких модулей и скачивать их в рантайме.
Слышал ещё совет использовать deffered import на первой странице, тогда тоже быстрее загрузится
@@oleh6836 3 Мб - привет 2010 год с Flash и лоадером 😂Кстати даже во флеше такое счастье было только с билдом стенд алоун флеш плеера, а если использовалась встроенная в браузер версия точка входа была - 16Кб
Будут ли видосы по уведомлениям с firebase?
Да, скоро
@@frezycode а как скоро?))
самый быстрый переход по уведомлению!
😅 для этого я намутил самый быстрый монтаж
До гугл ио, с новостями о увольнениях разработчиков, kmm пылали своими сообщениями, а теперь что-то молчат🤣🤣🤣. Спасибо за обзор. Я когда смотрел гугл ио, меня удивило, что supersell использует флаттер для своих наработок. Надеюсь web еще подтянут, и многолетний план google заменить js на dart осуществится.
Пусть пылают и дальше, а мы пока займемся делом)
Уверен что прогресс по вебу впереди нас ожидает, раз они такой акцент на это делают в докладах
как человек, который пользовался kmm(для себя), скажу, что flutter и до презентации гугла тащил. rmm по сравнению с flutter дико не удобный и неотзывчивый
Js непобедимый мальчики и react Native начало раньше вас 😊
@@tanamo1192 раньше и кончит 🥲
React Native хотел заменить flutter но не мог памему flutter тоже так будет 😅
Да никто никого заменять не собирается, это контрпродуктивно. У каждого инструмента своя задача, и пока инструмент справляется со своей задачей - все круто)
@@frezycode да согласен и спасибо за обзор 👍
Блин как у вас все во флатере веселове, не то что у меня на андроиде 😅
Добро пожаловать в мир Flutter 😊
с вуе, рактом ангуляром еще рано тягаться. В вебе нужна веб красота. А приложухи типа админок - ну такое себе. Пару итераций серьёзных, и флаттер станет рядом
Из действительно нерешенных вопросов остается SEO, а что касается удобства - думаю проблем никаких нет, это ведь все-так Flutter можно нарисовать что хочешь)
а можете пояснить что имеете ввиду? Чего такого нельзя сделать на флаттере, что можно сделать на вью, реакте или ангуляре в плане красоты?
Google конечно хорошо но не хорошо хвастаться кучей языков которых надо изучать, а потом бросать и изучать заново.
@@compas013 ни кто не станет писать на флаттере, скажем, интернет-магазин под веб, это займет просто огромное количество времени по сравнению с нативными инструментами.
@@compas013 всё упирается в 2 вещи: время initial loading и SEO. Vue весит ~30Kb в brotli, ну может что то ещё там из зависимостей что можно грузить паралельно, а Flutter - это 3mb байнари который мало того что нужно загрузить так ещё и выполнить браузером. Ну а для SEO во Vue есть Nuxt - который тебе не только выдаст 100% рендеринг любого веб компонента, но ещё и выглядить это при гидрации будет абсолютно безшовно. В итоге с Nuxt метрика Time To First Pain будет занимать меньше секунды, а с Flutter ты будешь показывать пользователю фул пейдж лоадер как это делали в 2005 году с Flash. Кстати ничего не меняется, именно отсутствие нормально решения по части SSR и было одним из решающих факторов того что Флеш поплыл под натиском Apple
Веб-рриложение - более солидно звучащее название сайта. Естественно я не про лэндинги.
фа флаттер вроде всамом деле крут. Он смог то что замарин несмог. Да еще и актеров там притащили. :Д Незря перлеры на него обратили внимаение.
Флаттер для веба с отрисовкой на canvas - это недофлеш со всеми его болячками и даже больше
Webasemble в c# уже года 2 как есть и blazor гораздо круче)
Круче чего и в чем ?)
Flutter tufta
2:20 Go, Rust, C++ - не низкоуровневые языки. А вот WebAssembly как раз язык низкого уровня.
Да, согласен. Имел ввиду более близкие к низкому уровню и с бОльшими возможностями добраться до памяти своими руками чем у JS
Go, Java и другие языки не являются низкоуровневыми. это бред. они являются компилируемыми. вот компилируется программа является низко уровневой, но эта программа уже не является Go или Rast это просто код скопировала программы, а исходник высокоуровневый и ни как не низкоуровневый.
а фраза "ну вы сами поняли что я имел ввиду" подойдет ребятам в курилке, а блогеру такое нести нельзя, Вас же смогут слушать дети и джуны.
ну всё, с жсоном проблему решили, можно юзать, а то реакт унылый штопипец (оценочное суждение).
блин чё с руками, сильно отвлекает!!!
Flutter is dead!!!