Code related to reconciliation

reconciler.js

import { updateDomProperties } from "./dom-utils";
import { TEXT_ELEMENT } from "./element";

/**
 *
 * @param {object} element - vdom representation
 * @param {HTMLElement} parentDom - element where children will be appended
 */
export function render(element, parentDom) {
  const { type, props } = element;
  const isTextElement = type === TEXT_ELEMENT;
  const dom = isTextElement
    ? document.createTextNode("")
    : document.createElement(type);
  updateDomProperties(dom, props);
  const children = props.children || [];
  children.forEach(element => render(element, dom));
  parentDom.appendChild(dom);
}