Aem React

screenshot of Aem React
react

AEM templates and components based on React for server and client side. Provides a demo content package and core osgi bundle.

Overview

This project allows for the rendering of Adobe Experience Manager ("AEM") components using React. It enables developers to easily create highly interactive UI components within AEM using React's "render everything" approach. However, since React is primarily a client-side framework, additional work is required to make the rendered components available on the server for indexing by search engines.

Features

  • Rendering of AEM components using React
  • Integration of React with AEM for client-side tasks
  • Support for server-side rendering of React components
  • Demo content package with example components and pages
  • OSGI core bundle with implementation of AEM component type and nashorn engine pool
  • JavaScript library integration with build tools in the demo project
  • Requires Java 8 (Oracle JDK with nashorn engine) and AEM 6.0

Summary

This project enables the use of React to render AEM components, providing developers with the ability to create highly interactive UI components. It includes a demo content package, an OSGI core bundle, and integration with AEM for client-side tasks. However, server-side rendering requires additional configuration for SEO purposes. Overall, this project facilitates the seamless integration of React and AEM for web application development.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components