Building a Simplified React Implementation from Scratch

function createElement(type, props, ...children) { return { type, props: { ...props, children: children.map(child => typeof child === 'object' ? child : createTextElement(child) ) }, } }

function createTextElement(text) { return { type: 'TEXT_ELEMENT', props: { nodeValue: text, children: [], }, } }

function createDom(fiber) { const dom = fiber.type == 'TEXT_ELEMENT' ? document.createTextNode('') : document.createElement(fiber.type)

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the…