AEM WCM Core Components - React implementation | AEM Community Blog Seeding

[kautuk_sahni]

AEM WCM Core Components - React implementation by Git adobe/aem-react-core-wcm-components

Abstract

The React implementation for AEM core components. Provides either ready to use / extend components, or if you choose to write your own, a good reference to get started.

Welcome
1. Contributions are welcome, read our contributing guide for more information.
2. Ideas and questions are discussed on our public mailing list; you can also subscribe via email.

Usability Study 2020
We're conducting a usability study by using the System Usability Scale, a reliable tool to measure the perceived usability.
Please help us making the Core Components better by responding to our short usability questionnaire. Thank you!

Usage
To include the Core Components in a new project, we strongly advise to use the AEM Project Archetype; this guarantees a starting point that complies to all recommended practices from Adobe.

For existing projects, take example from the AEM Project Archetype by looking at the core.wcm.components references in the main pom.xml, in all/pom.xml, and in ui.apps/pom.xml. For the rest, make sure to create Proxy Components, to load the client libraries and to allow the components on the template, as instructed in Using Core Components.

Building
To compile your own version of the React Core Components, you can build and install everything on your running AEM instance by issuing the following command in the top level folder of the project:

Cloud:

mvn clean install -PautoInstallPackage -PautoInstallSinglePackage
6.5.5+:

mvn clean install -PautoInstallPackage -PautoInstallSinglePackage -Pclassic
Important: It is known that the core components examples package removes the examples installed in this package due to their package filter. This needs to be addressed later.

You can also install individual packages/bundles by issuing the following command in the top-level folder of the project:

mvn clean install -PautoInstallPackage -pl <project_name(s)> -am

Read Full Blog

AEM WCM Core Components - React implementation

Q&A

Please use this thread to ask the related questions.