wui_builder

Una biblioteca de dardos para construir interfaces de usuario para la web, inspirada en Reactjs

Para construir interfaces de usuario web declarativas basadas en componentes en DART.

Proporciona una rica biblioteca de elementos virtuales tipificados para SVG y HTML estándar.

Admite la definición de componentes personalizados con una interfaz similar a React. Todos los mismos métodos de ciclo de vida son compatibles.

Construido con asíncrono en mente desde el principio.

Totalmente compatible con Dart 2, el modo fuerte y el DDC.

Documentación y ejemplos

Consulte la documentación en las páginas de GitHub para ver en profundidad el marco

¿Qué hace que este marco DOM virtual sea diferente?

Está escrito en Dart. Más:

Elementos DOM virtuales generados

El generador es la característica más singular de WUI_Builder. El generador genera constructor de elementos DOM virtuales para cada tipo de elemento definido en los paquetes DART HTML y SVG. Cada constructor de elementos DOM virtuales proporciona los mismos setters tipificados que su elemento HTML/SVG correspondiente. Esto facilita la escritura de componentes resilientes.

Programación de actualización configurable

A continuación, Wui_Builder admite la representación iterativa para evitar bloquear el hilo principal en grandes actualizaciones. Las actualizaciones iterativas solo se procesan en devoluciones de llamada inactivas, lo que significa que el trabajo de representación y el diseño se dividirán en múltiples marcos. WUI_Builder da energía al desarrollador para decidir cuándo deben renderizar los componentes. Permite que el desarrollador pueda decidir si un componente se actualiza sincronamente, en el marco de animación o la devolución de llamada y la inactividad. Idealmente, un componente lo hará:

• Renderizar en el marco de animación para actualizaciones de alta prioridad que deben finalizar. Las actualizaciones de los componentes de Mulitiple se pueden representar por lotes en los marcos de animación.
• Renderizar las devoluciones de llamada inactivas para actualizaciones de baja prioridad que se pueden dividir en los marcos.

Sin embargo, las actualizaciones sincronales también pueden ejecutarse a pedido, sin esperar un marco de animación o una devolución de llamada inactiva.

Lotes de actualización inteligente

Finalmente, WUI_Builder previene actualizaciones no en la actualización cuando se hacen cola múltiples actualizaciones del mismo componente antes de que cualquiera pueda procesar. Por ejemplo, digamos que tengo un componente que se actualiza en el marco de animación usando SetStateOnanimationFrame. Si SetStateOnanimationFrame se llama dos veces entre los cuadros, el proceso de actualización solo se ejecutará una vez, al tiempo que permite ejecutar ambas funciones estatales Setter.

Nota, SoldIdlecallback no es compatible actualmente por todos los navegadores y Wui_Builder no incluye un polyfill en este momento. La representación sincrónica todavía funciona en todos los navegadores. Vea una tabla de compatibilidad aquí.

Sintaxis

 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' ));

Consulte la documentación en las páginas de GitHub para obtener más ejemplos en profundidad.