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
Flutter is the best. Best practices & tools
Search
Pawan Kumar
November 03, 2018
Technology
3
990
Flutter is the best. Best practices & tools
A presentation about the best practices and tools about Flutter - at GDG Kolkata DevFest'18
Pawan Kumar
November 03, 2018
Tweet
Share
More Decks by Pawan Kumar
See All by Pawan Kumar
Flutter apps for everyone
iampawan
1
400
How to create flavors in Android, iOS & Flutter
iampawan
1
590
Become a PRO Flutter Developer
iampawan
3
2.2k
Exploring new possibilities with Flutter for web
iampawan
0
180
Flutter, the future of mobile.
iampawan
3
620
Other Decks in Technology
See All in Technology
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
AOAI Dev Day - Opening Session
yoshidashingo
2
440
Classmethod Odyssey 登壇資料
yamahiro
0
390
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
Featured
See All Featured
BBQ
matthewcrist
82
9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Docker and Python
trallard
37
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Infographics Made Easy
chrislema
238
18k
Raft: Consensus for Rubyists
vanstee
134
6.5k
Writing Fast Ruby
sferik
623
60k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
A Tale of Four Properties
chriscoyier
155
22k
Transcript
Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github
- iampawan Kolkata Flutter is the best!! Best Practices & Tools
Disclaimer – I am a Flutter fanboy and a meme
lover. Kolkata
Pichle Episode me aapne dekha… Kolkata
Arya Stark (Pooja Bhaumik) Kolkata
Principle Sir (Dhrumil Shah) Kolkata
Prime Time With Ravish (Raveesh) Kolkata
About me Kolkata
Another Ordinary Software Developer Kolkata
Google Developer Expert Kolkata
Agenda Kolkata
Agenda • Creating first flutter app • Designing the UI
• Best Practices • Tooling Kolkata
Let’s Start Kolkata
None
Flutter The One Kolkata
Everything is a widget
Kolkata
The App is itself a widget.
The App is itself a widget.
Scaffold Introduced
ListView Introduced
Card Introduced
None
Designing UI Kolkata
Hamse na ho Paayega !
See Visualize Code End Designing UI Steps
What do you see here?
Diagram the layout
None
Flutter UI KIT https://github.com/iampawan/Flutter-UI-Kit
Best Practices Kolkata
When you see too much nested code !
Avoid Padding
Use SizedBox
None
Future Builder Widget that builds itself based on the latest
snapshot of interaction with a Future.
SetState() and Rebuild the tree
Stream Builder Widget that builds itself based on the latest
snapshot of interaction with a Stream.
Scales and positions its child within itself according to fit.
Fitted Box
A widget that displays its children in multiple horizontal or
vertical runs. Wrap
A box in which a single widget can be scrolled.
SingleChildScollView
Animations are cool
AnimatedBuilder is useful for more complex widgets that wish to
include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function. Animated Builder
In the isolate you can perform more CPU intensive processing
(parsing a big JSON, for example), or perform computationally intensive math, such as encryption or signal processing. Use Isolates
“ Make Separate Widgets For Better Control Over the State
“
Tools Kolkata
Json 2 Dart https://javiercbk.github.io/json_to_dart/
Performance Monitoring
Rebuild Indicators
Rebuild Indicators
None
Widget Inspector
Widget Inspector
Dart VM Observatory
- Everyone “With Flutter the only limitation is your own
imagination.”
Links to learn flutter Pawan Kumar • MTechViral YouTube •
iampawan - github • Let's flutter - fb group Google • Flutter.io • Udacity Course • Flutter Codelabs • Boring Development Show Misc. • Awesome Flutter Repo • Udemy Courses • Slack,Gitter, Reddit
Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github
- iampawan Kolkata Thank you!
- GDG,WTM Kolkata, Pawan Kumar “ Wishing you and your
family a very Happy Diwali”
Q&A Kolkata