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