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
950
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
380
How to create flavors in Android, iOS & Flutter
iampawan
1
570
Become a PRO Flutter Developer
iampawan
3
2.1k
Exploring new possibilities with Flutter for web
iampawan
0
160
Flutter, the future of mobile.
iampawan
3
610
Other Decks in Technology
See All in Technology
GraphQLに入門してみた
chiroruxx
2
130
関数型DDDの理論と実践:「決定を遅らせる」を先につくり、 ビジネスの機動力と価値をあげる
knih
2
500
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
期待しすぎずに取り組む両面 TypeScript
shozawa
4
580
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
880
中学生でもわかる深層学習
e869120
14
4.6k
生成AI・LLM時代における 機械学習エンジニアとしてのキャリア戦略・開発戦略 / my-career-and-development-strategies-for-ml-engineer-2024
yuya4
4
970
エンジニア候補者向け資料2024.03.28.pdf
macloud
0
2.9k
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
510
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
560
TypeScript Quiz (Encraft #12 Frontend Quiz Night)
uhyo
6
840
任意コード実行の原理
ffri
0
190
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
330
56k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
What's new in Ruby 2.0
geeforr
335
31k
Code Review Best Practice
trishagee
54
15k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Fireside Chat
paigeccino
19
2.6k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
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