Migrating Components Written In HTL (Sightly) to React

[tiredaemdev]

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

[Pawan-Gupta]

this is good to go through - https://aemsimplifiedbynikhil.wordpress.com/2020/08/18/aem-spa-react-project-setup-and-component-int...

[tiredaemdev]

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.

[Raushan]

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.

[tiredaemdev]

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