A common Javascript pattern in libraries is code as follows:
<script id="code">
// ...
const element = document.getElementById('chart');
// ...
const timeline = new TimelineChart(element, data, { // ...
The key part being to grab an element and feed that element to a function. In Reagent (React), however, this pattern is more difficult for me to adapt because of the different sequencing and the virtual dom.
For this kind of interop is creating a form-3 component the best way of implementing this, or is there a simpler way of utilizing this pattern of library, or is the form-3 the way to go?