Parth Virani Notes

Home
Flutter notes
Flutter notes
- 0001 best coding pratice to follow in oceanmtech
  0001 best coding pratice to follow in oceanmtech
- 0002 best app architecture to follow
  0002 best app architecture to follow
- 0003 bloc state managment
  0003 bloc state managment
- 0004 firebase analytics
  0004 firebase analytics
Flutter tips
Flutter tips
- 0001 flutter reusable split view on mobile desktop and web
  0001 flutter reusable split view on mobile desktop and web
- 0002 flutter create sample
  0002 flutter create sample
- 0003 accept payments with the stripe sdk
  0003 accept payments with the stripe sdk
- 0004 flutter lints package
  0004 flutter lints package
- 0005 use the devtools to identify jank and shader compilation issues
  0005 use the devtools to identify jank and shader compilation issues
- 0006 flutter fix all command
  0006 flutter fix all command
- 0007 how to set the border radius on a flutter container
  0007 how to set the border radius on a flutter container
- 0008 chat ui with message bubbles
  0008 chat ui with message bubbles
- 0009 chat ui with message bubbles revisited
  0009 chat ui with message bubbles revisited
- 0010 how to generate fake data with the faker package
  0010 how to generate fake data with the faker package
- 0011 how to style an elevatedbutton in flutter
  0011 how to style an elevatedbutton in flutter
- 0012 how to validate a textfield in flutter
  0012 how to validate a textfield in flutter
- 0013 responsive flutter card layout with sizedbox center
  0013 responsive flutter card layout with sizedbox center
- 0014 how to navigate programmatically between tabs in flutter
  0014 how to navigate programmatically between tabs in flutter
- 0015 asyncvaluewidget a reusable flutter widget to work with asyncvalue
  0015 asyncvaluewidget a reusable flutter widget to work with asyncvalue
- 0016 easily handle loading and error states
  0016 easily handle loading and error states
- 0017 six common sources of errors in flutter apps
  0017 six common sources of errors in flutter apps
- 0018 how to create a flutter gridview with content sized items
  0018 how to create a flutter gridview with content sized items
- 0019 how to use robot testing to write more readable widget tests
  0019 how to use robot testing to write more readable widget tests
- 0020 how to configure multiple firebase environments with flutterfire cli
  0020 how to configure multiple firebase environments with flutterfire cli
- 0021 repositories as abstract classes
  0021 repositories as abstract classes
- 0022 app development workflow in six steps
  0022 app development workflow in six steps
- 0023 the gap widget
  0023 the gap widget
- 0024 simplified flutter app localization
  0024 simplified flutter app localization
- 0025 how to run flutter integration tests at hyper speed
  0025 how to run flutter integration tests at hyper speed
- 0026 running tests with github actions
  0026 running tests with github actions
- 0027 better comments extension for vscode
  0027 better comments extension for vscode
- 0028 ddd the domain model
  0028 ddd the domain model
- 0029 domain driven exception handling
  0029 domain driven exception handling
- 0030 vscode launch configurations
  0030 vscode launch configurations
- 0031 how to use the flutter widget inspector
  0031 how to use the flutter widget inspector
- 0032 flutter tip use composition aggressively
  0032 flutter tip use composition aggressively
- 0033 vscode extensions to speed up your flutter workflow
  0033 vscode extensions to speed up your flutter workflow
- 0034 how to use widgetsbindingobserver
  0034 how to use widgetsbindingobserver
- 0035 asyncvalue vs futurebuilder streambuilder
  0035 asyncvalue vs futurebuilder streambuilder
- 0036 gorouter go vs push
  0036 gorouter go vs push
- 0037 rules to follow for good app architecture
  0037 rules to follow for good app architecture
- 0038 popular architectures for flutter development
  0038 popular architectures for flutter development
- 0039 flutter project structure feature first or layer first
  0039 flutter project structure feature first or layer first
- 0040 anatomy of a riverpod provider
  0040 anatomy of a riverpod provider
- 0041 using fake repositories for testing
  0041 using fake repositories for testing
- 0042 how to generate and analyze a flutter test coverage report in vscode
  0042 how to generate and analyze a flutter test coverage report in vscode
- 0043 how to write a reactive in memory store with rxdart
  0043 how to write a reactive in memory store with rxdart
- 0044 async value guard vs try catch
  0044 async value guard vs try catch
- 0045 the map update method
  0045 the map update method
- 0046 riverpod difference between ref watch ref read ref listen
  0046 riverpod difference between ref watch ref read ref listen
- 0047 why write automated tests
  0047 why write automated tests
- 0048 testing functions that throw
  0048 testing functions that throw
- 0049 dart 2 17 super initializers
  0049 dart 2 17 super initializers
- 0050 dart 2 17 enhanced enums with members
  0050 dart 2 17 enhanced enums with members
- 0051 golden image testing with robot testing
  0051 golden image testing with robot testing
- 0052 custom test timeout
  0052 custom test timeout
- 0053 how to create dartpad examples from github gists
  0053 how to create dartpad examples from github gists
- 0054 riverpod tip less boilerplate
  0054 riverpod tip less boilerplate
- 0055 run multiple test variants
  0055 run multiple test variants
- 0056 async init provider overrides
  0056 async init provider overrides
- 0057 singletons flutter
  0057 singletons flutter
- 0058 using test tags
  0058 using test tags
- 0059 register listener riverpod
  0059 register listener riverpod
- 0060 build context async gaps
  0060 build context async gaps
- 0061 flutter errors vs exceptions
  0061 flutter errors vs exceptions
- 0062 try catch result type
  0062 try catch result type
- 0063 either type fpdart
  0063 either type fpdart
- 0064 all riverpod providers
  0064 all riverpod providers
- 0065 kIsWeb
  0065 kIsWeb
- 0066 html unescape
  0066 html unescape
- 0067 rest client vscode
  0067 rest client vscode
- 0068 enable asserts flag
  0068 enable asserts flag
- 0069 sizedbox shrink
  0069 sizedbox shrink
- 0070 localizations
  0070 localizations
- 0071 const vs final vs var
  0071 const vs final vs var
- 0072 use type annotations for safer code
  0072 use type annotations for safer code
- 0073 enhance readability with typdef
  0073 enhance readability with typdef
- 0074 pass functions as arguments
  0074 pass functions as arguments
- 0075 build runner watch
  0075 build runner watch
- 0076 sticky scroll vscode
  0076 sticky scroll vscode
- 0077 animatedcontainer
  0077 animatedcontainer
- 0078 file nesting vscode
  0078 file nesting vscode
- 0079 string multiplication
  0079 string multiplication
- 0080 future.wait
  0080 future.wait
- 0081 future provider riverpod generator
  0081 future provider riverpod generator
- 0082 cloud firestore collection count
  0082 cloud firestore collection count
- 0083 version lens vscode
  0083 version lens vscode
- 0084 firestore query builder
  0084 firestore query builder
- 0085 chatgpt styling
  0085 chatgpt styling
- 0086 firebase docs dart samples
  0086 firebase docs dart samples
- 0087 accessibility tools
  0087 accessibility tools
- 0088 list single
  0088 list single
- 0089 server timestamp
  0089 server timestamp
- 0090 context mounted
  0090 context mounted
- 0091 dart fix apply
  0091 dart fix apply
- 0092 firebase billling
  0092 firebase billling
- 0093 riverpod part
  0093 riverpod part
- 0094 add provider scope
  0094 add provider scope
- 0095 stream provider generator
  0095 stream provider generator
- 0096 cloud firestore cache size
  0096 cloud firestore cache size
- 0097 riverpod notifier build argument
  0097 riverpod notifier build argument
- 0098 firestore list view
  0098 firestore list view
- 0099 firestore or query
  0099 firestore or query
- 0100 security rules playground
  0100 security rules playground
- 0101 backend agnostic
  0101 backend agnostic
- 0102 dart define from file
  0102 dart define from file
- 0103 simple auth firebase ui
  0103 simple auth firebase ui
- 0104 firebase duplicate app
  0104 firebase duplicate app
- 0105 flutter create empty
  0105 flutter create empty
- 0106 return no await
  0106 return no await
- 0107 happy birthday records dart 3
  0107 happy birthday records dart 3
- 0108 media query inherited model
  0108 media query inherited model
- 0109 records equality
  0109 records equality
- 0110 riverpod watch future provider
  0110 riverpod watch future provider
- 0111 destructure lists dart
  0111 destructure lists dart
- 0112 switch matrix
  0112 switch matrix
- 0113 conditional json parsing
  0113 conditional json parsing
- 0114 minimize firebase bill
  0114 minimize firebase bill
- 0115 switch newline
  0115 switch newline
- 0116 measure time
  0116 measure time
- 0117 are global variables bad
  0117 are global variables bad
- 0118 network view devtools
  0118 network view devtools
- 0119 constructor required named vsassist
  0119 constructor required named vsassist
- 0120 set html window url
  0120 set html window url

Flutter tip: use composition aggressively¶

Most widgets in the Flutter SDK use composition aggressively.

By doing the same in our own apps, we can create small, reusable widgets that are easier to reason about.

Embrace this and banish the massive build method from existence! 💪

Your future self will thank you. 😉

Previous	Next
How to use the Flutter Widget Inspector	VSCode extensions to speed-up your Flutter workflow

Last update: 18 septembre 2023
Created: 18 septembre 2023