How to create simple AEM Reactjs navigation SPA component

Veröffentlicht am: 07 Dezember 2020
auf dem Kanal: 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  


Auf dieser Seite können Sie das Online-Video How to create simple AEM Reactjs navigation SPA component mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Manuel Gutierrez 07 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,922 Mal angesehen und es wurde von 33 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!