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

- Multiple React components can't have the same name [more info](./Architecture:-Component-registry.md)

  - 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](https://reactjs.org/docs/context.html) 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](./To-do.md) - 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._