[По докам] Flutter. Часть 4. Для веб-разработчиков

[IMnEpaTOP]

Вопрос следующий — в мобильных приложениях флаттер предназначен для высокоскоростной отрисовки (60+ фпс). Имеют ли веб-страницы сформированные флаттером схожую скорость работы, или браузер не позволяет?

[smartdev]

Насколько мне известно по докам Flutter, они не разделяют перфоманс по платформам и пишут такие значения для всех. Про UI Performance тут.

[Gorniv]

Еще рано судить, но при определенном подходе запуск на web будет очень быстрый и при минимальных изменениях. Но тени в списке элементов я пока что убрал) Для полноценного понимания перфоманса надо жадть релиза…

[VolkEvil]

А во Flutter есть ли другие единицы измерения кроме пикселя, типа "%, vw, vh, em". Есть ли подобие media запросов, в частности для определения высоты устройства?

[smartdev]

1. Кроме пикселя не встречал, скорее всего нет
2. Есть класс MediaQuery для этих целей.

[newkamikaze]

Да, как уже ответили, есть только пиксели. Причём они умножаются на pixel ratio, то есть вы работаете не с реальным разрешением экрана. Проценты можно получать из ширины/высоты экрана, но на практике это не нужно. Здесь есть хороший аналог flexbox и это решает многие проблемы с размерами.

[constaprol]

Интересно, а создатели flutter собираются что-то делать с этим обилием скобочек?
Посмотрите на пример с RichText: как удобно и понятно выглядит CSS и как нужно ломать глаза, читая код Flutter, чтобы сообразить что к чему относится.

[smartdev]

Скорее всего нет, но всё может быть. Для удобного чтения у плагина есть инструменты в IDE, например, Flutter Inspector.

[Levitanus]

Я застопорился во флаттере при попытке подружить его с бд.
Получается, что flutter позволяет писать исключительно фронт, к нему надо поделать какой-то бэк, работающий уже по Json api, который, вроде бы можно написать на том же dart, но на самом деле не очень то, т.к. экосистема пока, кажется, сыровата, и, опять же, я так и не понял, как дешево и сердито подружиться с бд (нашел только библиотеку под postgresql, которая вообще вроде как разработана для dart angular).
можете как-то осветить эти вопросы, да и вообще хоть сколько-нибудь осмысленную модель full-stack разработки в экосистеме dart/flutter?

dart сам по себе понравился невероятно, эдакий элегантный статический python. Но в жизни применить так и не получилось

[Levitanus]

[deleted]

[smartdev]

Дешево и сердито можно попробовать SQL-based базу Moor. Достаточно популярная либа. К сожалению, в full-stack пока не копал, не смогу на это ответить.

[AriesUa]

Вам скорее всего надо для себя понять, что для вас база данных. Если вам достаточно хранить конфигурацию приложения и токены, то подойдет LocalStorage. Это обычное key:value хранилище.

Если что-то поболее, к примеру какие нибудь записки, чек листы итд, что не подразумевает больших данных и они служат только для пользователя и не для шаринга другим пользователям. Смотрим на SQLite, SQLCipher. Я больше чем на 100% что для таких вещей SQLite просто за глаза.

Ну и если подразумевается работа с данными у пользователя, не только в приложении, а и, к примеру, из веб странички. Или же это лента новостей или общий чат для пользователей или общие данные для покупателя/продавца. Здесь вам уже понадобится отдельный сервер, логика приложения и база или может быть базы данных. Но это уже другая история, как делать серверные приложения. И тут информации для нескольких книг наберется, а не для коммента здесь.

Удачи!

[Levitanus]

Спасибо.
Ну вот сейчас меня в целом устраивает flask+SQLAlchemy. (вообще дома разрабатываю на SQLlite, но сейчас это дело сильно усложняется отсутствием возможности менять relations в готовой схеме)
Из задач: календарь, немножко CRM, статьи (в общем, контента таблиц на 30-40)
В целом, конечно, это все оч неплохо, и удобно, что все в одном месте. Но очень напрягает отсутствие поддержки IDE для шаблонов Jinja\плагинов flask. В общем, каждый чих приходится покрывать тестами, что несколько бесит.
Да и вообще, я уже отвык без MyPy работать. Ну а потом во flutter привлекает возможность легкой миграции из веба в native, и в принципе, как уже написал, dart очень понравился.

Вообще, конечно, веб для меня — новая и, прямо скажем, нежеланная область. Но в целом, логику построения структуры я понимаю. Мне просто дико некомфортно возвращаться в область тотального отсутствия контроля над ситуацией без обращения к рантайму...

[AriesUa]

Думаю, что Flutter вам стоит рассматривать как браузер. Только вместо браузера у вас Flutter приложение. И вместо веб странички вы делаете приложение на Dart/Flutter. А вот остальные коммуникации — теже самые подходы. Регистрация, авторизация (JWT), проверка входящих данных, права доступа, формирование ответа итд итд итд — все это будет тоже самое, что и для веба, ну конечно в рамках вашего приложения.

Мне конечно сложно оценить ваше приложение и его возможности. Поэтому я написал выше изходя из своего опыта.

[Ilgrim]

Вопрос немного не в тему, но возможно знающие люди подскажут.
Есть ли рускоязычные чаты по Flutter?
Telegram/Gitter/Discord/Slack

[smartdev]

Про другие платформы не знаю, слежу только в телеграме:
Flutter Developers — русскоговорящее сообщество
Dart & Flutter по-русски
Flutter Dev Подкаст

[defint]

Есть еще украинское сообщество ArtFlutter. Чаще всего говорят на русском, но ивенты все на территории Украины.