useful DOM element modules

README.md

Useful modules for creating DOM elements

Creating elements

• https://npmjs.com/bel – create DOM elements

Dom diffing

• https://npmjs.com/nanomorph – DOM diffing to update elements

Creating components (better section name TBD)

• https://npmjs.com/nanocomponent – lifecycle events for elements
• https://npmjs.com/microcomponent – an event-based wrapper around nanocomponent
• https://npmjs.com/cache-element – cache a bel element
• https://npmjs.com/macrocomponent – convenience wrapper around nanocomponent for the most common case

Timing & events

• https://npmjs.com/on-load – perform an action when en element has loaded
• https://npmjs.com/on-idle – perform an action when the browser is idle
• https://npmjs.com/on-intersect – perform an action when an element intersects with another
• https://npmjs.com/observe-resize – perform an action when an element is resized
• https://npmjs.com/microframe – a convenient wrapper around requestAnimationFrame()
• https://npmjs.com/microbounce – a debounce function designed for DOM diffing
• https://npmjs.com/nanotask – delay a task to the start of the next frame. Similar to Node's setImmediate()
• https://npmjs.com/document-ready – a convenient wrapper around the DOMContentLoaded event