How to create simple AEM Reactjs navigation SPA component

Publicado el: 07 diciembre 2020
en el canal de: 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  


En esta página del sitio puede ver el video en línea How to create simple AEM Reactjs navigation SPA component de Duración hora minuto segunda en buena calidad , que subió el usuario Manuel Gutierrez 07 diciembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 2,922 veces y le gustó 33 a los espectadores. Disfruta viendo!