Is it possible to embed tldraw in a non-react, or plain javascript web app?

[athena123]

It seems a really nice project. Is it possible to readily embed tldraw in a non-react, or plain javascript web app?

[steveruizok]

Hey, thanks! Not really—you'll need React to embed the Tldraw app—though remember that you can use React selectively in an app that isn't set up as a "react app".

You could render React into a particular div in your project, and bring in the Tldraw app that way, no JSX required.

import React from 'react'
import ReactDOM from 'react-dom'
import { Tldraw } from '@tldraw/tldraw'

const rootElement = document.getElementById('myReactRoot')

ReactDOM.render(
  React.createElement(
    ReactDOM.render(
      React.createElement(Tldraw, {}, null), 
      rootElement
    )
  )
)

[athena123]

Thanks!! Really wish it were readily embeddable as a web component.