UiComponent<TProps extends UiProps> class abstract

The basis for an over_react component.

Includes support for strongly-typed UiProps and utilities for prop and CSS classname forwarding.

Prop and CSS className forwarding when your component renders a composite component:

@Component()
class YourComponent extends UiComponent<YourProps> {
  Map getDefaultProps() => (newProps()
    ..aPropOnYourComponent = /* default value */
  );

  @override
  render() {
    var classes = forwardingClassNameBuilder()
      ..add('your-component-base-class')
      ..add('a-conditional-class', shouldApplyConditionalClass);

    return (SomeChildComponent()
      ..addProps(copyUnconsumedProps())
      ..className = classes.toClassName()
    )(props.children);
  }
}

Prop and CSS className forwarding when your component renders a DOM component:

@Component()
class YourComponent extends UiComponent<YourProps> {
  @override
  render() {
    var classes = forwardingClassNameBuilder()
      ..add('your-component-base-class')
      ..add('a-conditional-class', shouldApplyConditionalClass);

    return (Dom.div()
      ..addProps(copyUnconsumedDomProps())
      ..className = classes.toClassName()
    )(props.children);
  }
}

Related: UiStatefulComponent

Deprecated. Use UiComponent2 instead. Will be removed in the 4.0.0 release.