Framework Dart para web (inspired by React and using Flutter syntax)

[HenriqueNas]

Estou um pouco cansado de Javascript, e acho que o Dart pode ser um grande substituto !

Dito isso, lhes apresento o Wed, um "framework" opensource em Dart para web (SPA):

pub.dev
github

A ideia é fazer um wrapper (com classes Dart) em todas as tags HTML , e permitir uma construção de UI somente com orientação objeto, assim como em Flutter.
Além disso, recriar os componentes mais comum em Flutter, para facilitar nossa vida de dev. Ex: componente Column que na verdade é uma div com display: flex e direction: column, além de ter os parâmetros main/crossAxesAlignment (align-items e justify-content).

Aqui está um little exemplo como está ficando:

void main() {
  renderApp(MyComponent());
}

class MyComponent extends Component {
  var text = 'Hello World';
  var isClicked = false;

  void toggleText() {
    isClicked = !isClicked;
    text = isClicked ? 'Clicked' : 'Hello World';
  }

  @override
  List<Component> build() {
    return [
      Div(
        props: DivProps(
          styles: CssStyle(
            width: Units.vw(100),
            height: Units.vh(100),
            backgroundColor: 'lightblue',
          ).merge(DisplayFlex.center),
        ),
        children: [
          Button(
            props: ButtonProps(
              innerText: text,
              styles: CssStyle(
                backgroundColor: 'blue',
                fontSize: Units.rem(2),
                color: 'white',
                textAlign: TextAlign.center,
                padding: Padding.symmetric(horizontal: 30, vertical: 20),
                borderRadius: BorderRadius.all(12),
                borderWidth: Units.none,
                cursor: Cursor.pointer,
              ),
              onClick: (_) {
                setState(() {
                  toggleText();
                });
              },
            ),
          ),
        ],
      ),
    ];
  }
}

Contribuições

Bom no momento estou trabalhando no sistema de roteamento, o que está me dando bastante trabalho !
Se alguém aqui quiser colar junto no projeto para contribuir e opinar, por favor sintam-se avonts !!

Vamos ser referência juntos!