Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Getting Layout Containers in React Components using SPA SDK

Avatar

Avatar
Validate 1
Level 2
eshoemak
Level 2

Likes

7 likes

Total Posts

5 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 1
Level 2
eshoemak
Level 2

Likes

7 likes

Total Posts

5 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 5
Boost 3
Boost 1
View profile
eshoemak
Level 2

17-05-2019

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!

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 1
Level 1
michaelr8773016
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile

Avatar
Boost 1
Level 1
michaelr8773016
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile
michaelr8773016
Level 1

06-08-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.

Answers (2)

Answers (2)

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,198 likes

Total Posts

6,375 posts

Correct Reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,198 likes

Total Posts

6,375 posts

Correct Reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

16-07-2019

Checking this with SPA expert.

-Kautuk

Avatar

Avatar
Validate 1
Level 1
ksuayan_shc
Level 1

Likes

3 likes

Total Posts

6 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
View profile

Avatar
Validate 1
Level 1
ksuayan_shc
Level 1

Likes

3 likes

Total Posts

6 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
View profile
ksuayan_shc
Level 1

19-06-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.