Efficient Flutter debugging with Dart DevTools

Debugging takes a significant portion of development time; hence, it's crucial to become an efficient and effective developer with an appropriate tool that could, ultimately, save our time. Dart DevTools is a web suite of debugging and performance tools that can work standalone or integrated into your IDE, aiming to ease debugging different Flutter and Dart application parts, including layout issues, performance problems, Network requests, and many more. In this talk, you'll learn what a Flutter developer can do with these tools and how you can get the most out of your development time using Dart DevTools.
Chapters:
0:00​ Intro
2:12​ Open Dart DevTools in different ways
2:59​ Flutter Inspector
5:42​ Performance and CPU profiling
8:23​ Network
10:00​ Debugger & adding breakpoints
12:01 ​Logging
14:13​ App size
16:19​ Summary
17:14​ Thank you
Twitter: / mhadaily
Linkedin: / mhadaily
Github: github.com/mhadaily/
Website: majidhajian.com/
Please leave a comment and let me know what you think about Dart DevTools and what do you want to learn more about Dart DevTools and Flutter.

[@sajadabbasi2268]

COOL thanks! great video quality!

[@Aspiiire]

Thank you for sharing Majid, I learned a few things that I didn't know :D

[@harry356]

Thanks a lot, really helpful!

[@oswaldoolea2889]

very good video, thanks

[@makemypetgamedevprocess6475]

Awesome video

[@p4u1ro13]

great video.. ty :)

[@ghinaomerchannel6945]

Thank you

[@zesegatto]

8:19 - O^n problem, right?
in a place where I've worked it was forbidden to write recursive calls. I asked to broke this rule just when I was writing a serial line parser. They allowed.

[@rahl123456789]

impressive

[@noramanga]

Great video ! By the way which font do you use for Visual Studio Code ?

[@Majidhajian]

I have both 'Operator Mono', 'Fira Code',

[@zesegatto]

I'm still searching a way to see element tree. Just to close some concepts myself.

[@afandiyusuf04]

Finally, I can comment/delete all print functions on my request API function. lol

[@mhadaily]

I am Glad it helped

[@sandwichtube]

Programming is like playing hockey. To be good you have to go into the corners and battle where it's difficult.

[@jeniscodesmith3689]

Planning to make better application with the use of devtools.

[@thatwasamazing2791]

I plan on making nimbus much faster using the dart dev tools

[@chaitanyabharatdokara4978]

I am not getting multimedia like video and audio HTTPS requests in the network tab.

[@Majidhajian]

Which version of SDK you are running?

[@chaitanyabharatdokara4978]

@@Majidhajian sdk 2.8.1 using video_player dependency

[@Majidhajian]

@@chaitanyabharatdokara4978 mm, I am not sure then, you can also upgrade to 2.10.2 now latest version. it was a few bug fixes for devTools too.

[@chaitanyabharatdokara4978]

@@Majidhajian I used the stable version (2.10.2) but audio and video are still not visible in the network tab

[@wirwwira610]

can i debug print an object in logger devtool?

[@mhadaily]

you can print anything to debugger. But when you say Object what exactly do you mean? can you give me an example ?

[@wirwwira610]

@@mhadaily example: model , it must to convert to Json?

[@mhadaily]

@@wirwwira610 you can simply add a toString to your model and print your model instance. that will appear to the debugger logs.
are you thinking like something automated? like automated toString?

[@wirwwira610]

@@mhadaily its good solution, but for complicated object it hard to see data structure