Add components or props to render a single slide (feature request)

[reminjp]

I am so grateful for this package.

I want to render only a single slide efficiently (e.g. only the first slide to preview the content). How about adding new components or props which skip unnecessary parse() and renderToReact()?

[yhatt]

We think there is not a need for that. You can already skip unnecessary rendering by using custom renderer:

const markdown = `
# foo

---

# bar
`

// Render only first slide
ReactDOM.render(
  <Marp
    markdown={markdown}
    render={([firstSlide]) => firstSlide.slide}
  />,
  document.getElementById('preview')
)

[reminjp]

Right, but I was just a little bothered by the process of building components for all slides. I also understand that the current API design is simple and general-purpose...

[yhatt]

You are taking it too seriously. Just creating VDOM through createElement in internal renderToReact() won't expect to make slow. The almost of performance hit is lead by rendering DOM actually.

[yhatt]

If you REALLY want to render single page with no extra HTML parsing, the best solution is using Marp Core directly in React. See also our source code of marp-team/marp: https://github.com/marp-team/marp/blob/master/packages/website/src/components/marp.js.jsx#L42

Marp React is designed for easy to begin rendering Marp in a lot of use cases, and should create your own component if you want to take the advance.