A Darty widget declaration syntax

widget.dart

// Stateless widget:
//
// - no `extends StatelessWidget`
// - fields are `final` by default
// - `@override`, `Widget` return type and `BuildContext context` parameter are implied
widget MyApp {
  String title;

  build {
  }
}

// Stateful widget:
//
// - same as a stateless widget, but with a nested `state` block
// - fields outside the `state` block are `final`
// - fields inside the `state` block are mutable
// - ideally one wouldn't need to call `setState`; instead any assignment
//   to one of the `state` fields automatically results in state change
widget MyApp {
  String title;

  state {
    String counter;
  }

  build {
  }
}

Two important properties of this syntax are:

• low boilerplate encourages breaking down your UI into reusable (and independently updatable) widgets
• conversion between stateless and stateful widget is a matter of adding/removing the state block.