Proposal: Region component with render prop support

[fahad19]

Currently

We can only access props passed to Region via RegionService. This involves working with providers and streams.

Somewhere in RootApp:

import { Region } from 'frint-react';

export default function SomeComponent() {
  return <Region name="sidebar" data={{}} />;
}

And in Child App:

export default observe((app) => {
  return app.get('region').getData$();
})(MyChildAppComponent);

Proposal

We can stay more close to the React-land, if we can also support render props pattern with Region component.

Somewhere in Root app:

import { Region } from 'frint-react';

export default function SomeComponent() {
  return (
    <Region name="sidebar" data={{}}>{
      (list, props) => list.map({ Component } => (
        <Component data={props.data} />
      ))
    }</Region>
  );
}

• list: has all the Child Apps' components
  • Component: individual root component of Child Apps
• props: props passed to Region component