universal-navigation/example/react.jsx

A small Helper to make navigation between pages writen in different frameworks easy

import React from "react"
import {render, unmountComponentAtNode} from "react-dom"

const mount = () => {
  console.log("REACT MOUNTING");
  const element = document.createElement('div')
  element.id = "rootReact"
  document.body.appendChild(element)
  render(
    <h1>Hello from React!</h1>,
    document.getElementById('rootReact')
  );
}

const unmount = () => {
  console.log("REACT UNMOUNTING");
  const element = document.getElementById('rootReact')
  unmountComponentAtNode(element)
  document.body.removeChild(element)
}

window.uNavPages.react = {
  mount: mount,
  unmount: unmount
}
console.log("REACT LOADED");