Efficient Debugging with Dart DevTools

Majid Hajian

mhadaily

Every error is an opportunity to learn

mhadaily

Agenda

  • How Flutter?
  • Dart DevTools Theory
  • Live Coding / Demo
  • Summary

ME.dart

import 'package:flutter/material.dart';
MaterialApp(
   ThemeData(
        name: "Majid Hajian",
        location: "Oslo, Norway",
        description: '''
                Google Developer Expert
        	Passionate Software engineer, 
	        Community Leader, Author and international Speaker
         ''',
        main: "Flutter/Dart, PWA, Performance",
        homepage: "https://www.majidhajian.com",
        socials: {
          twitter: "https://www.twitter.com/mhadaily",
          github: "https://www.github.com/mhadaily"
        },
        author: {
          Pluralsight: "www.pluralsight.com/authors/majid-hajian",
          Apress: "Progressive Web App with Angular, Book",
          PacktPub: "PWA development",
          Udemy: "PWA development",
        }
        founder: "Softiware As (www.Softiware.com)"
        devDependencies: {
          tea: "Ginger", 
          mac: "10.14+",
        },
        community: {
          MobileEraConference: "Orginizer",
          FlutterVikings: "Orginizer", 
          FlutterDartOslo: "Orginizer",
          GDGOslo: "Co-Orginizer",
          DevFestNorway: "Orginizer",
          ...more
        }));

mhadaily

Find me on the internet by

Expressive & Flexible UI

Fast Development

Native Performance

Productive

mhadaily

Dart DevTools is a suite of debugging and performance tools for Dart and Flutter

mhadaily

DevTools

  • Flutter App
  • non-Flutter web app
    (webdev serve --debug)
  • A command-line app
    (
    dart pub global run devtools)

dart.dev/tools/dart-devtools

mhadaily

mhadaily

Common Problems

  • Layout errors
  • Performance hiccups
  • Network debugging
  • Debugging step by step
  • Evaluating logs
  • Overview of app size

DEMO

mhadaily

mhadaily

Summary

  • Debugger
  • Logging View
  • Timeine View
  • Memory View
  • Performance View
  • Flutter Inspector

https://www.pluralsight.com/courses/debugging-testing-publishing-flutter-app

Majid Hajian

mhadaily

mhadaily

SVG icons credited to undraw.co

bit.ly/DartDevTools

Efficient Debugging with Dart DevTools

By Majid Hajian

Efficient Debugging with Dart DevTools

Debugging takes a big 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.

  • 960