Sample AEM project with React Web Components

Sample AEM project with integrated standard HTL and React Web Components.

How to integrate React Web Components

• check ui.frontend.react module
• check components /apps/aem-integrations/components/react/*

Modules

The main parts of the template are:

• core: Java bundle containing all core functionality like OSGi services, listeners or schedulers, as well as component-related Java code such as servlets or request filters.
• ui.apps: contains the /apps (and /etc) parts of the project, ie JS&CSS clientlibs, components, and templates
• ui.frontend: dedicated front-end build mechanism (general Webpack project)
• ui.frontend.react: dedicated front-end build mechanism (React Web Components Webpack project)
• ui.content: contains sample content using the components from the ui.apps
• ui.config: contains runmode specific OSGi configs for the project
• ui.tests: Selenium based UI tests
• it.tests: Java based integration tests
• all: a single content package that embeds all of the compiled modules (bundles and content packages) including any vendor dependencies
• analyse: this module runs analysis on the project which provides additional validation for deploying into AEMaaCS

How to build

To build all the modules and deploy the all package to a local instance of AEM, run in the project root directory the following command:

mvn clean install -PautoInstallSinglePackage -PautoInstallSinglePackagePublish

Note: This project is generated for AEM as Cloud Service