How to create simple AEM Reactjs navigation SPA component
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-to-create-aem-react-components
Free Mini-Courses
How to create a Reactjs component for Adobe Experience Manager Mini-Course
https://dlighthouse.teachable.com/courses/aem-react-js-components-introduction
Subscribe for more tutorials about Adobe Experience Manager, docker, keras and tensorflow.js: https://www.youtube.com/c/ManuelGutierrez?sub_confirmation=1
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/ManuelGutierrez
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
https://youtu.be/iS6RT2N40mo
Watch next
How to create an AEM component using Reactjs
https://youtu.be/nec_MDPzMYk
Creating an AEM application using Maven and Adobe's archetype
https://youtu.be/nec_MDPzMYk
Recommended Playlist
Adobe Experience Manager Tutorials
https://www.youtube.com/playlist?list=PLmkVsLP-rp87Gu0hoJgwIz9g36e6pUmgw
Let’s connect:
Twitter – @drginm (https://twitter.com/drginm)
LinkedIn – https://www.linkedin.com/in/drginm
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «How to create simple AEM Reactjs navigation SPA component», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.