AEM React Editable Components work with both SPA Editor 1.0 (Integrated SPA Editor) or SPA Editor 2.0 (Remote SPA Editor) React apps.
Ensure that the React app is running on Node.js 14+. The minimal set of dependencies for the React app to use AEM React Editable Components v2 are: @adobe/aem-react-editable-components, @adobe/aem-spa-component-mapping, and @adobe/aem-spa-page-model-manager.
| Plugin | Description | Version | Version Support React JS | Install |
|---|---|---|---|---|
| AEM SPA React Editable Components | This project provides the React components and integration layer to get you started with the AEM* SPA Editor. | v2.1.1 | V18 | npm install @adobe/aem-react-editable-components |
| AEM Component Mapping package | A storage library for front-end components. Provides a way for the Single Page Application to map front-end components to AEM* resource types (AEM Components). | v1.1.1 | V18 | npm install @adobe/aem-spa-component-mapping |
| Page Model Manager | An interpreter between Adobe Experience Manager Editor and the Adobe Experience Manager Single Page Application (SPA) Editor. | v1.5.0 | V18 | npm install @adobe/aem-spa-page-model-manager |
| AEM WCM Components - React Core implementation | This module provides a React implementation for the AEM core components. This enables you to use the core components: -In the AEM SPA editor with React -In React web components -Or in any other React context, provided you have the input needed to instantiate the components. | v1.1.8 | npm install @adobe/aem-core-components-react-base |
|
| AEM WCM Components - Spa editor - React Core implementation | This module provides a React implementation for the containers in the AEM core components. Containers: Accordion (V1), Carousel (V1), Container (V1), Tabs (V1) | v1.2.0 | npm install @adobe/aem-core-components-react-spa |