react4j.widget.ReactWidget Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of react4j-widget Show documentation

Interoperability with GWT Widget API

The newest version!

package react4j.widget;

import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.Element;
import com.google.gwt.user.client.ui.Widget;
import java.util.Objects;
import javax.annotation.Nonnull;
import react4j.core.ReactElement;
import react4j.dom.ReactDOM;

/**
 * A GWT widget that renders a React4j element.
 */
public class ReactWidget
  extends Widget
{
  /**
   * The GWT Element representation.
   */
  private final Element _element;
  /**
   * The react widget to render.
   */
  private final ReactElement _reactElement;

  /**
   * Create the widget.
   *
   * @param reactElement the react element to render.
   */
  public ReactWidget( @Nonnull final ReactElement reactElement )
  {
    _element = Document.get().createDivElement();
    _reactElement = Objects.requireNonNull( reactElement );
    setElement( _element );
  }

  /**
   * {@inheritDoc}
   */
  @Override
  public void onAttach()
  {
    super.onAttach();
    ReactDOM.render( _reactElement, _element );

  }

  /**
   * {@inheritDoc}
   */
  @Override
  public void onDetach()
  {
    ReactDOM.unmountComponentAtNode( _element );
    super.onDetach();
  }
}