Nanohtml

Overview:

Nanohtml is a library that allows developers to use HTML template strings in the browser with support for server-side rendering in Node. The library offers efficient string concatenation for server rendering in Node and allows for the interpolation of unescaped HTML. Nanohtml also supports attaching event listeners, handling multiple root elements, conditional attributes, and static optimizations. Although there is no Webpack loader available at the time of writing, Nanohtml can be used with Browserify, Babel, Parcel, or Rollup.

Features:

• HTML template strings for the Browser with support for Server Side Rendering in Node: Nanohtml allows developers to use HTML template strings in both the browser and Node environment with support for server-side rendering.
• Interpolating unescaped HTML: The library provides the ability to insert unescaped HTML directly, which is useful when injecting HTML returned from other functions.
• Attaching event listeners: Nanohtml supports attaching event listeners to the HTML elements.
• Multiple root elements: If there are multiple root elements, Nanohtml combines them into a DocumentFragment.
• Conditional attributes: The library allows developers to conditionally add HTML attributes using a JavaScript object.
• Static optimizations: Nanohtml offers the ability to parse HTML statically ahead of time, which can significantly speed up rendering.
• Browserify support: Nanohtml can be used with Browserify for bundling the code.
• Babel / Parcel support: Nanohtml can be added to the .babelrc configuration file for use with Babel. It supports both options with or without the use of import statements.
• Rollup support: Nanohtml can be used with Rollup by using the @rollup/plugin-commonjs plugin and explicitly importing the browser or server entrypoint.

Summary:

Nanohtml is a powerful library that allows developers to use HTML template strings in the browser with support for server-side rendering in Node. It offers features such as unescaped HTML interpolation, attaching event listeners, handling multiple root elements, conditional attributes, and static optimizations. Nanohtml can be easily installed using npm and works well with bundlers like Browserify, Babel, Parcel, and Rollup.