Getting Layout Containers in React Components using SPA SDK

[eshoemak]

Hi all,

I'm using SPA SDK and adding custom React components to my pages.  That's going great.  I would like to know, has anyone successfully found a way to implement a layout container inside of a React component?  I'm reading through the API @adobe/cq-react-editable-components - npm but not finding it incredibly helpful with this particular situation.

Thanks in advance for any help!

[ksuayan_shc]

Same here. It would be very helpful if documentation on how ModelProvider, Container or ResponsiveGrid React components maybe used in a Route for example.

[kautuk_sahni]

Checking this with SPA expert.

-Kautuk

[navjots90210021]

Any update ?

[mahim007]

Forgive me if i am being too impatient, but there is no update, no solution, nothing. Can someone please help me with it by providing some reference implementation or documentation or resource? That would be much helpful.

[michaelr8773016 · Accepted solution]

eshoemak​ - the short answer to your question is yes, you can create a "layout" component in React, we have done so. The actual answer is quite a bit more complex.

I would also agree, the Adobe SPA example doesn't describe the use cases outlined in the best practices of other HTL & Sitely examples. Creating a list or text component is the obvious example, however you cannot build a site from just these components.