19th of September we organised the first-ever Flutter Helsinki Meetup. Jussi Sarkkinen from our team gave a presentation "Flutter for web" as a short introduction to the subject. The slides are supplemented with code on our GitHub: https://github.com/montel-ig.

1. FLUTTER FOR WEB
JUSSI SARKKINEN / JUSSI@MONTEL.FI
❤

2. FLUTTER FOR WEB @ MONTEL INTERGALACTIC
WHAT IS IT
▸ Google Flutter’s drawing layer implemented standard
browser APIs (ex Hummingbird)
▸ As of Flutter 1.9 / Sept 2019, in Flutter main repository
▸ Develop for mobile, desktop and web with the same
codebase
▸ Supports “all” Flutter features (caveat emptor)
▸ Easy to start using in your favourite environment
Jussi Sarkkinen

3. WHAT IS IT
Jussi SarkkinenFLUTTER FOR WEB @ MONTEL INTERGALACTIC

4. FLUTTER FOR WEB @ MONTEL INTERGALACTIC
WHAT IS IT NOT
▸ Not production-ready – 1.9 is still called a tech preview: there
are known missing features and some performance issues
▸ Many of your favourite plugins will not work – but getting there
▸ No filesystem access (d’oh)
▸ It’s a canvas, so:
▸ Not inspectable, use Flutter debugger with Chrome
▸ Not testable using driver tests, use Widget tests instead
Jussi Sarkkinen

5. FLUTTER FOR WEB @ MONTEL INTERGALACTIC
LET’S GET IT ON
$ flutter channel master
$ flutter upgrade
$ flutter config —enable-web
$ flutter devices
1 connected device:
Chrome • chrome • web-javascript • Google Chrome 76.0.3809.100
$ cd <into project directory>
$ flutter create .
$ flutter run -d chrome
Jussi Sarkkinen

6. ▸ https://discordapp.com/invite/Ex8PV5b
▸ https://github.com/flutter/flutter
▸ https://flutter.dev/web
▸ https://github.com/montel-ig
▸ https://flutter-widget-livebook.blankapp.org/widgets/
Checkbox/
RESOURCES
FLUTTER FOR WEB @ MONTEL INTERGALACTIC Jussi Sarkkinen