Example of invoking React components from an Ember app.
This repo contains a runnable demo that shows how to invoke a React component from an Ember app.
pnpm install
cd app && pnpm run start
some-react-lib
is intended to stand in for your library package that contains a React component.app
is the Ember app
{{react}}
element modifier that can render a React component into any dom element.@embroider/compat
instead, if you're using Embroider rather than the classic build pipeline.ember-auto-import
. If instead you want to make JSX work inside your app's own package, you would need to move @babel/preset-react
into the app's own babel config.ember-modifier
. It's not part of the default Ember app blueprint.react
so that it will definitely share the app's copy.