Limitations

There are a few limitations that currently exist in Angular-React:

• Multiple React components can't have the same name more info

  • Possible solutions include adding namespaces to the components, as an addition argument, similarly to the styles: ['react-renderer'] in used today. e.g. styles: ['react-renderer', 'fabric'] to differentiate from other libraries.

    It's very unlikely that a single UI library will export multiple components under the same name, so this should be enough.

• React Context doesn't work for sharing data between components that are not part of the same render tree.

  In practice, this means that things like the <Fabric> component from office-ui-fabric-react don't have any affect, since they rely on Context to pass the theme down to the individual components.

  • This is one of the open issues in our To dos - using React Portals.

Notes

Most (if not all) don't have any technical barrier, but rather need the investment of developing them, and most of the foundation should be in place.