Getting Layout Containers in React Components using SPA SDK | Community
Skip to main content
eshoemak
Level 2
May 17, 2019 12:24 PM UTC
Solved

Getting Layout Containers in React Components using SPA SDK

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!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    michaelr8773016Accepted solution
    New Participant
    Aug 6, 2019 4:12 PM UTC

    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 reply

    5 replies

    michaelr8773016Accepted solution
    New Participant
    Aug 6, 2019 4:12 PM UTC

    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.

    Translate
    kautuk_sahni
    kautuk_sahni
    Employee
    Jul 16, 2019 8:13 AM UTC

    Checking this with SPA expert.

    -Kautuk

    Translate
    Kautuk Sahni
      navjots90210021
      Level 2
      Jan 23, 2020 9:17 PM UTC
      Any update ?
      Translate
      ksuayan-shc
      Level 2
      Jun 19, 2019 6:15 PM UTC

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

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...