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
1k
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
600
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
ついに出た!OpenAIの最新モデル「o1」って何がすごいの?
minorun365
PRO
3
1.3k
Privacy Sandbox on Android / DroidKaigi 2024
7pairs
1
280
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
640
Passkey Autofill に賭けるマネーフォワード ID - Money Forward Tech Day 2024
nov
1
290
「自動テストのプラクティスを効果的に学ぶためのカードゲーム」 ( #sqip2024 )
teyamagu
PRO
2
190
学術機関におけるID連携とOpenID Connect
fujie
0
320
やってやろうじゃないかメカアジャイル! / Let's do it, mechanical agile!
psj59129
1
700
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
46k
不動産tech Product Night#2_AIことはじめ_GA橋本
takehikohashimoto
0
190
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
280
フロントエンド開発事例① LINEギフト
lycorptech_jp
PRO
0
100
コンポーネントテストの手法と その効果を考える
yotahada3
3
310
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
RailsConf 2023
tenderlove
28
820
A Philosophy of Restraint
colly
202
16k
Statistics for Hackers
jakevdp
794
220k
Thoughts on Productivity
jonyablonski
66
4.2k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Atom: Resistance is Futile
akmur
261
25k
Fireside Chat
paigeccino
31
2.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Building an army of robots
kneath
302
42k
Navigating Team Friction
lara
183
13k
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