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
410
How to create flavors in Android, iOS & Flutter
iampawan
1
610
Become a PRO Flutter Developer
iampawan
3
2.2k
Exploring new possibilities with Flutter for web
iampawan
0
190
Flutter, the future of mobile.
iampawan
3
640
Other Decks in Technology
See All in Technology
AWSの生成AIサービス Amazon Bedrock入門!(2025年1月版)
minorun365
PRO
7
340
#TRG24 / David Cuartielles / Post Open Source
tarugoconf
0
370
20241218_マルチアカウント環境におけるIAM_Access_Analyzerによる権限管理.pdf
nrinetcom
PRO
3
150
シフトライトなテスト活動を適切に行うことで、無理な開発をせず、過剰にテストせず、顧客をビックリさせないプロダクトを作り上げているお話 #RSGT2025 / Shift Right
nihonbuson
3
1.1k
組織に自動テストを書く文化を根付かせる戦略(2024冬版) / Building Automated Test Culture 2024 Winter Edition
twada
PRO
26
7k
AI×医用画像の現状と可能性_2024年版/AI×medical_imaging_in_japan_2024
tdys13
0
1.2k
20240522 - 躍遷創作理念 @ PicCollage Workshop
dpys
0
300
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
150
Storage Browser for Amazon S3を触ってみた + α
miura55
0
100
PHPerのための計算量入門/Complexity101 for PHPer
hanhan1978
6
1.5k
ハイテク休憩
sat
PRO
2
190
C++26 エラー性動作
faithandbrave
2
870
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
220
Navigating Team Friction
lara
183
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Building Applications with DynamoDB
mza
92
6.1k
The Cost Of JavaScript in 2023
addyosmani
46
7.1k
Automating Front-end Workflow
addyosmani
1366
200k
4 Signs Your Business is Dying
shpigford
182
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
490
RailsConf 2023
tenderlove
29
960
Making Projects Easy
brettharned
116
6k
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