Adobe recommends using the SPA Editor for projects that require single page application framework-based client-side rendering (for example, React). Learn more.
For developers, the best place to start is to look at the Adobe Experience Manager Mobile Starterkit in github
The starterkit gets you going quickly by walking you through the basics of AEM Mobile development, starting with project creation and governance, installing the necessary tooling, defining a Maven archetype, building, deploying and then creating your own experience.
The developers can use this example as a starting point for trying out an AEM Mobile application using PhoneGap. Running through the starterkit and the reference application gives a solid understanding of the basics to create rich Mobile Applications.
Once you have had a chance to familiarize yourself with the starterkit, it is important to learn about Adobe Experience Manager components and templates.
AEM Templates and Components enable line-of-business owners to create custom experiences. Both *Templates *and Components are available out-of-the-box or can be custom developed by you, the developer either by extending existing components or creating greenfield (advanced). Templates and Components are what allow the AEM Author to drag-and-dropped to create engaging and relevant experiences.
Once you have a solid understanding of the above two steps, jump into: