Getting Layout Containers in React Components using SPA SDK | Community
Skip to main content
E
eshoemak
Level 2
May 17, 2019
Solved

Getting Layout Containers in React Components using SPA SDK

  • May 17, 2019
  • 3 replies
  • 3270 views

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.
    Best answer by michaelr8773016

    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.

    3 replies

    K
    ksuayan-shc
    Level 2
    June 19, 2019

    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
      Community Manager
      kautuk_sahniCommunity Manager
      Community Manager
      July 16, 2019

      Checking this with SPA expert.

      -Kautuk

      Kautuk Sahni
        N
        navjots90210021
        Level 2
        January 23, 2020
        Any update ?
        M
        michaelr8773016Accepted solution
        August 6, 2019

        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.

        Terms & ConditionsAccessibility statement

        Loading footer...