Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Migrating Components Written In HTL (Sightly) to React

Avatar

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile
tiredaemdev
Level 1

13-04-2021

Hey Everyone, 

 

I have a project that has about 20 or so components written in HTL (Sightly) and will need to migrate them to instead be in React. 

 

My question is, can I do this incrementally in AEM? As in, can I convert a few components at a time to React while still keeping others as HTL on the same page, or would a migration like this require me to migrate all components to React in one full sweep?

 

I can't seem to find any information on HTL and React being used in conjunction with one another on the same page, so any guidance on how to do a migration like this or confirmation that an incremental approach is not possible would be appreciated. 

 

Thanks

 

 

AEM AEM 6.5 htl react React JS sightly

Replies

Avatar

Avatar
Boost 100
Level 7
rush_pawan
Level 7

Likes

120 likes

Total Posts

192 posts

Correct Reply

77 solutions
Top badges earned
Boost 100
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Boost 100
Level 7
rush_pawan
Level 7

Likes

120 likes

Total Posts

192 posts

Correct Reply

77 solutions
Top badges earned
Boost 100
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile
rush_pawan
Level 7

13-04-2021

Avatar

Avatar
Give Back
Level 1
Raushan
Level 1

Likes

2 likes

Total Posts

6 posts

Correct Reply

0 solutions
Top badges earned
Give Back
Boost 1
View profile

Avatar
Give Back
Level 1
Raushan
Level 1

Likes

2 likes

Total Posts

6 posts

Correct Reply

0 solutions
Top badges earned
Give Back
Boost 1
View profile
Raushan
Level 1

14-04-2021

As per my knowledge, there will be no change in the dialog side, you have to write react js code for mapping this component. You can not use both (react and sigtly). You have to migrate all componnet in react.

Avatar

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile
tiredaemdev
Level 1

14-04-2021

I was afraid that may be the case. Thanks for your input Raushan.

Avatar

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile

Avatar
Ignite 1
Level 1
tiredaemdev
Level 1

Likes

2 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
Boost 1
View profile
tiredaemdev
Level 1

14-04-2021

Thanks for the reply, but this isn't exactly what I was looking for. I am specifically looking for content around doing a migration and if there is a way to do the migration iteratively. Sadly it seems the conversion of a site in HTL to React will need to be done all at once rather than having some kind of interop between HTL and React.