Home

Welcome to the react-plugs wiki!

Debugger connection

This will print some debugging:

hub.plug({
  name: "Debugger",
  inputs: [{
    source: "Hub:debug",
    inputSubscriber: (a: string) => console.log(a)
  }]
})

Custom renderer

const Renderer:React.FunctionComponent<{ 
    components: Map<string, React.FunctionComponent> ,
    props: Map<string, any>
}> = ({ components, props }) => {    
  const rendered: React.ReactElement[] = []
  components.forEach( (Component, key) => 
    rendered.push(
      <div className="box">
        <h1>{key}</h1>
        <Component key={key} {...(props.get(key))} />
      </div>
    )
  )
  return <React.StrictMode> 
    {rendered} 
  </React.StrictMode>
}


new Hub((components, props) => 
  ReactDOM.render( 
    Renderer({ components, props), 
    document.getElementById('main')
  )
)