Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn AEM + React
Quick Introduction to Nodejs and React
Introduction (0:38)
Configuring VSCode (2:16)
Nodejs (2:08)
Simple Nodejs Example (5:35)
Exercise - Nodejs Application
Creating the React App (3:56)
Running the App (1:43)
Create a React Component (3:06)
Function Components (2:54)
Generate a Static Site (2:03)
Exercise - React Application
Check your knowledge (COMING SOON)
What's Next (0:30)
Quick Introduction to AEM and Adobe's archetype
Introduction (1:11)
AEM (4:01)
Adobe’s Archetype (4:22)
Application High Level Structure (4:27)
VSCode (0:49)
What's Next (0:35)
Create an AEM component using React
Introduction (1:01)
Create an AEM Component (2:09)
Explore Component and Dialog (4:05)
Expose the Sling Model (4:06)
Integrate React Component (1:47)
Configure the Empty Placeholder (1:56)
Map AEM-React components (1:34)
Page Editor - Explore the Component (2:29)
CRXDE Lite - Explore the Component (1:56)
Sling Model - Explore the Component (1:33)
Reactjs Dev Tools - Explore the Component (1:22)
Exercise - AEM + React Component
What's Next (0:26)
JSX
Introduction (0:38)
What is JSX (5:40)
HTML (3:16)
Expressions (1:37)
Conditional Rendering (1:47)
Iterating Through Elements (2:19)
Exercise - Experimenting with JSX
What's Next (0:33)
Passing Data from AEM into React
Introduction (0:51)
AEM dialogs (5:55)
String Properties (7:21)
Boolean Properties (4:57)
Simple Array Properties (5:46)
Complex Array Properties (7:22)
Exercise - Experimenting with Dialogs - Coming Soon
What's Next - TBD
I would like to hear from you!
Let me hear from you
Teach online with
Page Editor - Explore the Component
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock