At Adobe, we just released some updates to the AEM archetype. This includes some important updates for the react / angular frontend-module:
Experience Fragment support provided OOTB (demo provided)
Code splitting / lazy loading demo provided
Navigation Component with routing provided in Header XF
Server Side Rendering bootstrap provided
Express + IO runtime for React
Express for Angular
These were topics that caused our customers that were implementing the solution to spend a lot of time on setting up. And most of them required this. Personally I got bombarded with questions on how to tackle this. Then the customers would implement these solutions on their private repositories. Now with these changes, our customers won't need to ask these questions; they will be armed with a working solution from the start without any effort.
That's why I am really excited that this release is shipped successfully!
You can start out with this maven command to get going:
mvn -B archetype:generate \
-D archetypeGroupId=com.adobe.aem \
-D archetypeArtifactId=aem-project-archetype \
-D archetypeVersion=28 \
-D appTitle="My Site" \
-D appId="mysite" \
-D groupId="com.mysite" \
-D frontendModule="react" \
To provide more support / and insights I also released the following videos. I hope this will answer 90%+ of the questions I am usually getting.