Expand my Community achievements bar.

SOLVED

Getting Layout Containers in React Components using SPA SDK

Avatar

Level 2

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!

1 Accepted Solution

Avatar

Correct answer by
Level 1

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.

View solution in original post

5 Replies

Avatar

Level 2

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

Avatar

Administrator

Checking this with SPA expert.

-Kautuk



Kautuk Sahni

Avatar

Level 2

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.

Avatar

Correct answer by
Level 1

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.