Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Exploring new possibilities with Flutter for web
Search
Pawan Kumar
September 22, 2019
Technology
0
200
Exploring new possibilities with Flutter for web
Pawan Kumar
September 22, 2019
Tweet
Share
More Decks by Pawan Kumar
See All by Pawan Kumar
Flutter apps for everyone
iampawan
1
430
How to create flavors in Android, iOS & Flutter
iampawan
1
630
Become a PRO Flutter Developer
iampawan
3
2.3k
Flutter, the future of mobile.
iampawan
3
690
Flutter is the best. Best practices & tools
iampawan
3
1.1k
Other Decks in Technology
See All in Technology
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
360
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
110
Findy Team+のSOC2取得までの道のり
rvirus0817
0
500
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
4
350
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
680
AWS IoT 超入門 2025
hattori
0
270
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
180
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
340
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
230
from Sakichi Toyoda to Agile
kawaguti
PRO
1
100
JAZUG 15周年記念 × JAT「AI Agent開発者必見:"今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
shisyu_gaku
0
140
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
120
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
KATA
mclloyd
32
15k
Mobile First: as difficult as doing things right
swwweet
224
10k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
Exploring new possibilities with Flutter for web By Pawan Kumar
Google Developer Expert For Flutter, Firebase, Dart & WebTech
Back in 2017 Native Android Me
In 2018 Declarative UI Pattern?
None
In 2019?
2019 for declarative UI Pattern
What is Flutter Flutter is Google’s portable UI toolkit for
building beautiful, native applications for Android iOS, Web and Desktop from a single codebase.
Expressive, beautiful UIs
Stateful hot reload
Native performance
Flutter directly compiles your dart code to native machine code
Mobile Web Desktop
Raspberry Pi
Desktop Embedding
Integrate flutter app to existing iOS and Android app
Flutter For Web
Flutter vs Flutter For Web
Scenario • A connected Progressive Web Application built with Flutter
• Embedded interactive content • Embedding dynamic content in a Flutter mobile app
Flutter Web Support Flutter 1.10
None
Cross Platform Mobile Apps
Dart
“Dart is particularly easy to learn because it has features
that are familiar to users of both static and dynamic languages.” Why Flutter uses Dart
Event loop
Just-in-time compilation
Ahead-of-time compilation
Type safe
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Familiar
None
Everything’s a widgets!
None
None
None
None
None
Gotcha
No templates
No css
None
None
None
“Flutter widgets are built using a modern react-style framework” Flutter.io
StatefulWidget
None
None
State is long-lived
Widgets get reborn
Fast
Stateful hot reload
Reactive
Animation
None
Custom Animation with Tween Zero to One with Flutter
Testing
Unit
package:test
None
Widget
package:flutter_test
None
Integration
“tested app is launched on a real device or in
an emulator” Flutter.io
None
Test more things
None
Flutter For Web – Technical Preview Android + iOS +
(Not so good Web) = ♥ http://mtechviral.com/myportfolio/ http://mtechviral.com/Flutter-UI-Kit/ https://flutter.github.io/samples/
Where to start
Youtube.com/mtechviral
Flutter.dev
flutter.dev/docs/codelabs
github.com/Solido/ awesome-flutter
Thank You Twitter - @imthepk | Github - @iampawan |
Youtube - @mtechviral