`. Furthermore, the html function deals with inline events, objects, Handlebars / {{ Mustache }} etc. Using this function will feel like writing JSX without a build step.\n\nThe render function is used for mounting and unmounting Elements to/from the DOM and for executing lifecycle hooks. Optionally, it can diff both HTML Trees and reuse Elements (optionally too). This is not using a virtual DOM.\n\nThe functions calls for `render` and DOM Updates are queued and worked on during a browser's idle periods.\n\nIn order to make the DOM reactive, `ES6 Proxy` objects are being used to map data against an array of DOM Elements. Whenever the setter is being called, the Proxy will check the mapping and update the DOM granularly. No re-renders are needed!\n\nAlmost all intern maps are using `WeakMap` with DOM Elements or Proxy objects as keys and thus memory is cleared efficiently.\n\n## Documentation\n\n### html\n\nargs: `string` \nreturns: `DocumentFragment | Element | Text`\n\nTakes a string and transforms it to HTML. Used for internal bookkeeping too.\n\n#### Example\n\n```js\nhtml`
Text
`;\n```\n\n### render\n\nargs:\n\n- new Element (`ReturnType | reactive Proxy`)\n- old Element (`ReturnType | string`)\n- shouldSchedule?: `boolean` (default: true)\n\nreturns: `function` that unmounts the new Element\n\nAccepts the return value of `html` and replaces it with old Element. If it is a string, it will be resolved with `querySelector`. If there is no second parameter, the Element will be appended to the `body`. Use the returned unmount function to detach and clean up the rendered nodes. Removing a reactive node directly with native DOM APIs bypasses lifecycle cleanup; stale reactive-node traces are purged on the next update to their source key.\n\n#### Example\n\n```js\nrender(html`
Text
`);\n```\n\n### setGlobalSchedule\n\nargs: `boolean` \n\nWill enable/disable the schedule logic for `render` and DOM Updates. Intern value defaults to `true`.\n\n### setReuseElements\n\nargs: `boolean` \n\nWill enable/disable the reuse of Elements in the diffing phase of `render`. Intern value defaults to `true`.\n\n### setInsertDiffing\n\nargs: `boolean` \n\nIf enabled, it will insert the new DOM Tree to the DOM before diffing. This will asssure that reused Elements will not lose their state (e.g. `
![\"100%](\"coverage.svg\")
\n\n# hydro-js\n\n> A lightweight reactive UI library via template literal tags.