фрагменты  в реакте это по сути и есть надстройка над нативными фрагментами, если я ничего не путаю

Каким образом? O_0

а, я кажется понял. ты хочешь, чтобы у тебя была нода-обертка, но при этом ты не хочешь, что бы она отображалась в доме?

Да, близко по смыслу )

блин, сорян, я о таких кейсах не слышал 🙂

Но мне они не помогут, так как они очищаются после того, как их вставили куда-то в dom, а мне нужно ровно обратное

Копируй фрагмент в дом а не вставляй)

Привет.
У меня есть такой код (https://jsfiddle.net/auk7hL0c/2/):

function createSection() {
    const element = document.createElement("div")
    return { id: 0, element }
}

const sections = [
    createSection(),
    createSection()
]

document.body.append(...sections.map(({element}) => element))

let itemID = 0
document.body.onclick = () => {
    const section = sections[Math.floor(Math.random() * 2)]

    const item = document.createElement("div")
    item.innerText = ++section.id

    section.element.append(item)
}

При клике на страницу один div с цифрой добавляется в случайный section. Выглядит это как два списка, в которые случайно добавляются элементы. Собственно вопрос: есть ли js какая-то штука, чтобы добавлять новые div прямо в document.body, без дополнительного div для section?

Создаём массив массивов, рандомом выбираем нужный, берём последний элемент нужного массива и выполняем insertadjancent(afterend, div), добавляем в выбранный массив

)))