Introduction | DLightHouse

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

Introduction

Complete and Continue

Lesson Content Locked

Your session expired. Please sign in again to continue.

Login