aaronlademann-wf

void foo() {} // A top-level function

class A {
  static void bar() {} // A static method
  void baz() {} // An instance method
}

void main() {
  var x;

aaronlademann-wf

// @JS()
class ReactElement {}

abstract class UiState {}
abstract class UiProps {}
abstract class BaseUiComponent<T extends UiProps> {}
abstract class BaseStatefulUiComponent<T extends UiProps, S extends UiState> extends BaseUiComponent<T> {}
abstract class UiComponent<T extends UiProps> extends BaseUiComponent<T> {}
abstract class UiStatefulComponent<T extends UiProps, S extends UiState> extends BaseStatefulUiComponent<T, S> {}

aaronlademann-wf

import 'dart:convert';

class DesignItem {
  final String name;
  final String id;
  final Map meta;

  DesignItem(this.name, {String id, this.meta = const {}}) : id = id ?? name;

  factory DesignItem.fromString(String fileSrc) {

aaronlademann-wf

class SomeComponent extends UiComponent {
  SomethingElseComponent somethingElseInstance;  

  void someMethodInsideAComponent() {
-    somethingElseInstance = getDartComponent(react_dom.render(SomethingElse()(), someMountNode));
+    react_dom.render((SomethingElse()..ref = (ref) { somethingElseInstance = ref; })(), someMountNode);
  }
}

aaronlademann-wf

<nav>
  <a class="nav-item" href="#">Editor</a>
  <button class="nav-item" disabled>Viewer</button>
  <a class="nav-item" href="#">Binders</a>
  <a class="nav-item selected" href="#">SOX</a>
  <a class="nav-item" href="#">DataTables</a>
</nav>

aaronlademann-wf

<div class="alert">
  <strong>Heads Up!</strong> I&rsquo;m telling you this for your own good.
</div>
<div class="alert-success">
  <strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert-warning">
  <strong>Warning!</strong> Better check yourself, you&rsquo;re not looking too good.
</div>
<div class="alert-danger">

aaronlademann-wf

<div class="alert">
  <strong>Heads Up!</strong> I&rsquo;m telling you this for your own good.
</div>
<!--<div class="alert-success">-->
<!--  <strong>Well done!</strong> You successfully read this important alert message.-->
<!--</div>-->
<!--<div class="alert-warning">-->
<!--  <strong>Warning!</strong> Better check yourself, you&rsquo;re not looking too good.-->
<!--</div>-->
<!--<div class="alert-danger">-->

aaronlademann-wf

<div class="navbar">
  <div class="btn login-btn">
    login
  </div>
</div>

aaronlademann-wf

<nav class="navbar grid-block">
  <ul class="nav grid-block">
    <li><a href="#">Home</a></li>
    <li><a href="#">Page 1</a></li>
    <li><a href="#">Page 2</a></li>
  </ul>
  
  <div class="navbar-login grid-block grid-shrink">
    <a class="btn login-btn" href="#login">log in</a>
  </div>

aaronlademann-wf

<a href="#">Hyperlink</a>