How to create simple AEM Reactjs navigation SPA component

Published: 07 December 2020
on channel: Manuel Gutierrez
2,922
33

If you want to create a simple AEM reactjs navigation component to browse between pages, in this series, you will learn how! Keep watching!

Paid Presale Course (Free mini-course below it):
If you want to have a more in-depth course that goes over more React details then enroll in the presale:
https://courses.dlighthouse.co/p/how-...

Free Mini-Courses
How to create a Reactjs component for Adobe Experience Manager Mini-Course
https://dlighthouse.teachable.com/cou...

Subscribe for more tutorials about Adobe Experience Manager, docker, keras and tensorflow.js: https://www.youtube.com/c/ManuelGutie...

If you enjoyed my video and it helped you learning something new or solving a problem, and you would like to Buy me a coffee, you can do just that at:
https://www.buymeacoffee.com/ManuelGu...

00:00 Topics for the video
00:14 Channel Intro
00:38 Series content
01:17 What we will do in this video
01:42 Using the Yeoman generator for creating an AEM component with a model that already supports the sling model exporter
02:23 Create some example content
02:41 Edit the sling model
03:02 Return a list of child pages from the model
04:10 Create the folder for the react component
04:30 Add the imports and the edit config object
04:52 Create the reactjs component that uses the react router link
05:26 Map the react component to the sling resource type
05:37 Import the new component
05:45 Build and install the application
05:51 Add the new component inside an AEM page
06:09 Test the routing
06:27 Mini-Course

Share this video with a friend:
How to create simple AEM Reactjs navigation SPA component
   • How to create simple AEM Reactjs navi...  

Watch next
How to create an AEM component using Reactjs
   • How to create an AEM SPA component us...  

Creating an AEM application using Maven and Adobe's archetype
   • How to create an AEM SPA component us...  

Recommended Playlist
Adobe Experience Manager Tutorials
   • Adobe Experience Manager Tutorials  

Let’s connect:
Twitter – @drginm (  / drginm  )
LinkedIn –   / drginm  


On this page of the site you can watch the video online How to create simple AEM Reactjs navigation SPA component with a duration of hours minute second in good quality, which was uploaded by the user Manuel Gutierrez 07 December 2020, share the link with friends and acquaintances, this video has already been watched 2,922 times on youtube and it was liked by 33 viewers. Enjoy your viewing!