12 replies

Best way to get a react component's raw code?

Is it possible to get a component's raw code? For example.

function Post() {
  return (
    <div>post1</div>
  )
}

function Post() {
  return (
    <div>post1</div>
  )
}

then something like this

<code>{getRawCode(Post)}</code>

<code>{getRawCode(Post)}</code>

Basically, I want something like this: https://ui.shadcn.com/docs/components/accordion, where I can see the preview of the component and the raw code. Technically, I can just copy/paste the component's code into the <code> element but I want to have a single source of truth. And I did try looking at shadcn/ui repo but I did not understand how it worked at all.

TTC

Theo's Typesafe Cult•3y ago•

12 replies

KingKorai

Best way to get a react component's raw code?

Is it possible to get a component's raw code? For example.

function Post() {
  return (
    <div>post1</div>
  )
}

function Post() {
  return (
    <div>post1</div>
  )
}

then something like this

<code>{getRawCode(Post)}</code>

<code>{getRawCode(Post)}</code>

Best way to get a react component's raw code?

Similar Threads

Best way to get a react component's raw code?

Similar Threads