wui_builder

Uma biblioteca DART para criar interfaces de usuário para a Web, inspirada por ReactJs

Para construir interfaces de usuário da Web declarativas e baseadas em componentes no DART.

Fornece uma rica biblioteca de elementos virtuais digitados para SVG e HTML padrão.

Suporta a definição de componentes personalizados com uma interface semelhante ao React. Todos os mesmos métodos do ciclo de vida são suportados.

Construído com a renderização assíncrona em mente desde o início.

Totalmente compatível com o DART 2, o modo forte e o DDC.

Documentação e exemplos

Confira a documentação nas páginas do Github para obter uma visão profunda da estrutura

O que torna essa estrutura Virtual DOM diferente?

Está escrito em Dart. Mais:

Elementos virtuais gerados

O gerador é o recurso mais exclusivo do wui_builder. O gerador gera construtor de elementos DOM virtual para cada tipo de elemento definido nos pacotes DART HTML e SVG. Cada Virtual Dom Element Builder fornece os mesmos setters digitados que o seu elemento HTML/SVG correspondente. Isso facilita a redação dos componentes resilientes.

Programação de atualização configurável

Em seguida, o Wui_builder suporta a renderização iterativa para evitar bloquear o thread principal em grandes atualizações. As atualizações iterativas apenas processam em retornos de chamada ociosos, o que significa que o trabalho e o layout de renderização serão divididos em vários quadros. Wui_builder dá poder ao desenvolvedor para decidir quando os componentes devem renderizar. Ele permite que o desenvolvedor possa decidir se um componente atualiza de forma sincronual, no quadro de animação, ou ligado de chamada ocioso. Idealmente, um componente também:

• Renderizar no quadro de animação para atualizações de alta prioridade que devem terminar. As atualizações dos componentes mulitiplas podem ser renderizadas em lote nos quadros de animação.
• Renderize em retornos de chamada ociosos para atualizações de baixa prioridade que podem ser divididas entre os quadros.

No entanto, as atualizações sincronais também podem executar sob demanda, sem esperar por um quadro de animação ou retorno de chamada ocioso.

Atualização inteligente em lote

Finalmente, o Wui_builder impede atualizações desconhecidas quando várias atualizações para o mesmo componente são filmadas antes de qualquer um pode processar. Por exemplo, digamos que eu tenha um componente que atualize no quadro de animação usando o SetStateOnAnimationFrame. Se o SetStateOnanimationFrame for chamado duas vezes entre os quadros, o processo de atualização será executado apenas uma vez, enquanto permitirá que as duas funções do Setter State sejam executadas.

Observe que o requestleCallback não é suportado atualmente por todos os navegadores e o wui_builder não inclui um poli -preenchimento no momento. A renderização síncrona ainda funciona em todos os navegadores. Veja um gráfico de compatibilidade aqui.

Sintaxe

 class HelloWorldProps {
    final String text;
    HelloWorldProps ( this .text);
}

class HelloWorld extends PComponent < HelloWorldProps > {
    HelloWorld ( String text) : super ( HelloWorldProps (text));

    @override
    VNode render () => VDivElement ()
        ..text = props.text;
}

// instantiate the component, pass it an instance of HelloWorldProps
final component = HelloWorld ( 'Hello world' );

// render the virtual element into a container
render (component, querySelector ( '#container' ));

Confira a documentação nas páginas do GitHub para obter mais exemplos de profundidade.