Top-level component to contain multiple artboards

Currently, there’s no concept of anything that can ‘contain’ Artboards.

~A hack to get around this is to render multiple times —~

Ideally we’d have a <Page> component or something that could hold and arrange multiple artboards

[kristinbaumann]

@patrickhpan provided a gist to generate multiple artboards within one artboard here: https://gist.github.com/patrickhpan/a47ee004b5c77854be4cbfd29c09be17. Works quite well for me.

[patrickhpan]

The difference to me is that in React it only really makes sense to have one “App” running at any time whereas in Sketch it’s highly useful to have multiple "App"s on the same Page to represent different states.

What about a nonstandard render() method that takes an optional third parameter, append, that defaults to true but if false calls

page.addLayers([layer]);

instead of

page.replaceAllLayersWithLayers([layer]);

Thus, you could use

render(<FirstThing />, page)
render(<AlsoOnSamePage />, page, false

to force rendering on the same page?

---

And rendering one component per page can be done using by calling context.document.removePage(context.currentPage()) enough times to remove all pages, and appending new blank pages into an array, and then rendering one component per page. This hack is here