I wanted to work on a way to "Re-parent" React components.
Essentially, create something that could manipulate the DOM in a way that React doesn't.
I wanted to be able to drag a component from one parent to another and have the component render in the new parent
by a method different than assigning the component to a list in state and then rendering those lists in a parent component.
I wanted to use a method that did not require tracking components through lists in state.
Rather, the DOM would just update without lists kept in state.
After some digging I could not find any real use case to merit a full undertaking of this work.
I'll come back to this when I find a use case that merits this type of "reparenting"
If you actually want to see something happen:
right click the page > click "Inspect" > select "console" in the window that pops up.
(It should be the the top of the new window with other tabs that say "Elements" "Sources" "Network" etc...)