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.