Cree su primer SPA React en AEM

Le damos la bienvenida a un tutorial de varias partes diseñado para desarrolladores que no tienen experiencia con el Editor SPA en Adobe Experience Manager (AEM). Este tutorial explica la implementación de una aplicación React para una marca ficticia de estilo de vida, la WKND. La aplicación React está desarrollada y diseñada para implementarse con AEM Editor SPA, que asigna componentes de React a componentes AEM. El SPA completado, implementado en AEM, se puede crear dinámicamente con herramientas de edición en línea tradicionales de AEM.

SPA final implementado

Implementación de WKND SPA

Acerca de

El tutorial está diseñado para funcionar con AEM as a Cloud Service y es compatible con AEM 6.5.4+ y AEM 6.4.8+.

Último código

Todo el código del tutorial se puede encontrar en GitHub.

La variable base de código más reciente está disponible como paquetes AEM descargables.

Requisitos previos

Antes de iniciar este tutorial, necesita lo siguiente:

  • Un conocimiento básico de HTML, CSS y JavaScript
  • Familiaridad básica con React

Aunque no es necesario, es beneficioso tener una comprensión básica de desarrollo de componentes tradicionales de AEM Sites.

Entorno de desarrollo local

Se necesita un entorno de desarrollo local para completar este tutorial. Las capturas de pantalla y el vídeo se capturan mediante el SDK as a Cloud Service de AEM que se ejecuta en un entorno del sistema operativo Mac con Código de Visual Studio como el IDE. Los comandos y el código deben ser independientes del sistema operativo local, a menos que se indique lo contrario.

Software necesario

NOTA

Pasos siguientes

¡¿Qué estás esperando?! Inicie el tutorial navegando hasta el Crear proyecto y aprenda a generar un proyecto habilitado para Editor de SPA con el tipo de archivo del proyecto de AEM.

En esta página