render()
Syntax: render(parentElement, newVNode?, prevVNode?, hook?)
Example: render(document.body, m('div'))
The render
function is a combonation of the patch()
and createElement()
functions. It takes a parent element and a vnode and returns a DOM node, and renders the vnode into the DOM.
💡
If you're seeking more granular modification and customization, check out the
patch()
function.
Here's an example Counter app using render()
:
import { _, m, render } from 'million';
let seconds = 0;
setInterval(() => {
render(document.body, m('p', _, [`Time elapsed: ${seconds}`]));
seconds++;
}, 1000);
Time Elapsed: 0
render()
function has a standard interface that is used in many Virtual DOM libraries. First argument is a DOM node that will be used as the parent DOM reference, and the second one is a Virtual DOM to render.
m()
function will instantiate a "Virtual DOM" node for an element.
Last updated on July 28, 2022