[draft] refactor: refactor react dependencies

[sehilyi]

Description

Currently, HiGlassComponent and its several child components use React. The use of React is to support several UI components in HiGlass when an editable option is set to true in a view config. Gosling does not use such UI components, so it is not ideal to have the React dependencies in Gosling by using HiGlass.

Toward this, this PR tries to enable using the HiGlass Component without including React components on it when demanded.

Thoughts

• I think we can safely not use all children components of TrackRenderer.jsx, such as TrackControl.jsx and ListWrapper.jsx, which looks like control buttons overlaid on top of a track

<TrackRenderer ...>
-  {topTracks}
-  {leftTracks}
-  {rightTracks}
-  {bottomTracks}
-  {galleryTracks}
-  {centerTrack}
</TrackRenderer>

• Implementing companion functions of TrackRenderer, TiledPlot, and HiGlassComponent that do not use React (and use pure javascript) might be the easiest way, e.g.,

higlass-embed/
   - index.js
   - TrackRendererPure.js
   - TiledPlotPure.js
   - HiGlassComponentPure.js

• This article seems to be helpful

Checklist

• Set proper GitHub labels (e.g. v1.6+, ignore if you don't know)
• Unit tests added or updated
• Documentation added or updated
• Example(s) added or updated
• Update schema.json if there are changes to the viewconf JSON structure format
• Screenshot for visual changes (e.g. new tracks or UI changes)
• Updated CHANGELOG.md

[manzt]

I'm having a look at this for myself, and am surprised to find that:

<TrackRenderer ...>
-  {topTracks}
-  {leftTracks}
-  {rightTracks}
-  {bottomTracks}
-  {galleryTracks}
-  {centerTrack}
</TrackRenderer>

doesn't seem to have any effect on the higlass Demo. What do the *Tracks components do exactly, and what is there relationship to TrackRenderer.

EDIT: Ah, so the *Tracks are transparent DOM elements (i.e., div) that overlay the canvas for the region that a particular track (or set of tracks) encompass. Somehow when they are resized, this information is relayed to the TrackRenderer which redraws the scene.