ember-react-example

KO | EN

gitlite — search

#javascript #python #typescript #llm #go #golang #linux #macos #windows #awesome #cli #kubernetes #vue #awesome-list

ember-react-example

(★ 12)

Example of invoking React components from an Ember app.

ember-react-example 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Example: Invoking React Components from Ember

This repo contains a runnable demo that shows how to invoke a React component from an Ember app.

## Run it

1. `pnpm install`
2. `cd app && pnpm run start`

## Understand it

- `some-react-lib` is intended to stand in for your library package that contains a React component.
 - `app` is the Ember app
   - it contains a `{{react}}` element modifier that can [render a React component](./app/app/components/example.hbs) into any dom element.
   - the modifier is implemented in [app/modifiers/react.js](./app/app/modifiers/react.js).
   - in order to import the JSX component into the Ember app, we [configure ember-auto-import with JSX support](./app/ember-cli-build.js). The same webpack config could be passed to `@embroider/compat` instead, if you're using Embroider rather than the classic build pipeline.

## Gotchas

- this example assumes your JSX is in a separate NPM package, so we're importing it via `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.
 - remember to install `ember-modifier`. It's not part of the default Ember app blueprint.
 - make sure your app declares its dependency on your library, otherwise ember-auto-import won't be able to import it. 
 - It's a good idea for the library to declare a peerDependency on `react` so that it will definitely share the app's copy.

ember-react-example

ember-react-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ember-react-example

ember-react-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README