Add Vdom{Tag,Element}.renderIntoDOM

Author: japgolly

core/src/main/scala/japgolly/scalajs/react/vdom/ReactVdom.scala

@@ -1,6 +1,6 @@
 package japgolly.scalajs.react.vdom
 
-import japgolly.scalajs.react.{raw => Raw}
+import japgolly.scalajs.react.{Callback, raw => Raw}
 import scala.scalajs.js
 
 sealed class VdomNode(val rawNode: Raw.ReactNode) extends TagMod {
@@ -18,7 +18,10 @@ object VdomNode {
 
 // =====================================================================================================================
 
-final class VdomElement(val rawElement: Raw.ReactElement) extends VdomNode(rawElement)
+final class VdomElement(val rawElement: Raw.ReactElement) extends VdomNode(rawElement) {
+  def renderIntoDOM(container: Raw.ReactDOM.Container, callback: Callback = Callback.empty): Raw.ReactComponentUntyped =
+    Raw.ReactDOM.render(rawElement, container, callback.toJsFn)
+}
 
 object VdomElement {
   def apply(n: Raw.ReactElement): VdomElement =

core/src/main/scala/japgolly/scalajs/react/vdom/Tag.scala

@@ -1,5 +1,7 @@
 package japgolly.scalajs.react.vdom
 
+import japgolly.scalajs.react.{Callback, raw => Raw}
+
 class TagOf[+N <: TopNode] private[vdom](final val tag: String,
                                          final protected val modifiers: List[Seq[TagMod]],
                                          final val namespace: Namespace) extends TagMod {
@@ -53,6 +55,9 @@ class TagOf[+N <: TopNode] private[vdom](final val tag: String,
 
   override def applyTo(b: Builder): Unit =
     b.appendChild(render.rawElement)
+
+  def renderIntoDOM(container: Raw.ReactDOM.Container, callback: Callback = Callback.empty) =
+    render.renderIntoDOM(container, callback)
 }
 
 // =====================================================================================================================

doc/changelog/1.1.0.md

@@ -16,6 +16,8 @@
 * `vdom.TagMod` now has a `.toJs` method which turns the VDOM tree into a bunch of raw JS values.
   This is for advanced hackers only.
 
+* Add `.renderIntoDOM` to `VdomElement` and `VdomTag`s.
+
 * Opening links in new tabs using `target="_blank"` without `rel="noopener` is a
   [security risk and performance impediment](https://blog.dareboost.com/en/2017/03/target-blank-links-rel-noopener-performance-security/).
   Google's Lighthouse auditor [flags it](https://developers.google.com/web/tools/lighthouse/audits/noopener).