UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.
ui-components dom vdom nodejs server-side-rendering client-side-rendering isomorphic front-end templating template async streaming components ui morphdom virtual virtual-dom template-engineIt's common to work with lists of elements on the DOM. Adding, removing or reordering elements in a list can be rather expensive. To optimize this you can add an id attribute to a DOM node. When reordering nodes it will compare nodes with the same ID against each other, resulting in far fewer re-renders. This is especially potent when coupled with DOM node caching. Sometimes we want to tell the algorithm to not evaluate certain nodes (and its children). This can be because we're sure they haven't changed, or perhaps because another piece of code is managing that part of the DOM tree. To achieve this nanomorph evaluates the .isSameNode() method on nodes to determine if they should be updated or not.
dom tree algorithm diff virtual-dom tiny morphdom choo bel yo-yoNative DOM components that pair nicely with DOM diffing algorithms. These are some common patterns you might encounter when writing components.
choo component dom events nanohtml bel element thunk cache perf nanomorph morphdom nanocomponent cache-componentVirtual DOM implementation for use with Marko and/or morphdom
vdom dom marko morphdom virtual virtual-domModules & resources related to the yo-yo module. A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals, powered by bel and morphdom and based on the "yo-yo" data binding pattern: data down, actions up.
bel choo morphdom hyperx yo-yo⚡️ Create complex DOM elements/trees using a functional approach. This module provides an alternative to JSX or template strings for those who want to build up their DOM trees using plain function composition.
dom create-element svg functional element function-composition frontend hyperscript node create-dom morphdom nanomorph unidirectional virtual-dom
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.