Understand how the source code for a Single Page Application (SPA) written in React can be integrated with an Adobe Experience Manager (AEM) Project. Learn to use modern front-end tools, like a webpack dev server, to rapidly develop the SPA against the AEM JSON model API.
1. Understand how the SPA project is integrated with AEM with client-side libraries.
2. Learn how to use a webpack development server for dedicated front-end development.
3. Explore the use of a proxy and static mock file for developing against the AEM JSON model API
What you will build
This chapter will add a simple Header component to the SPA. In the process of building out this static Header component several approaches to AEM SPA development will be used.