Данакт Фрост

const testElementHtml = this.TestElement.parentNode.innerHTML

Но в этом случае будет получен HTML всех дочерних элементов родительской ноды
Если помимо этого div'а есть еще дочерние элементы, то так:

const testElementClone = this.TestElement.cloneNode(true)
const wrap = document.createElement('div')
wrap.appendChild(testElementClone)
const testElementHtml = wrap.innerHTML

Используйте sass-loader. В репозитории есть инструкция по установке. Если хотите использовать CSS-модули, читайте инструкцию к css-loader

Ну, как я понял из описания, вещь будет полезна, если в проекте есть много т.н. «константных» элементов, которые в процессе всего жизненного цикла не видоизменяются. Это позволяет увеличить производительность во время ре-рендера: не будет каждый раз создаваться новый элемент, а просто будет возвращаться уже созданный по ссылке — всё равно он будет такой же.

Так а причем тут React, если проблема c CSS?

position:absolute задаётся относительно ТОЛЬКО парент компонента

Нет, «position: absolute» задаётся относительно родителя, только если у родителя значение свойства position равно fixed, absolute или relative, то есть не static.