createDocumentFragment

import { createDocumentFragment } from 'ranuts';

const div1 = document.createElement('div');
const div2 = document.createElement('div');
const fragment = createDocumentFragment([div1, div2]);

// یکجا به DOM افزوده می‌شود
document.body.appendChild(fragment);

import { createDocumentFragment } from 'ranuts';

const elements = Array.from({ length: 100 }, () => {
  const div = document.createElement('div');
  div.textContent = 'مورد';
  return div;
});

const fragment = createDocumentFragment(elements);
document.getElementById('container').appendChild(fragment);

import { createDocumentFragment } from 'ranuts';

// در محیط سرور مقدار undefined برمی‌گرداند
const fragment = createDocumentFragment([element]);
console.log(fragment); // undefined (محیط سرور)