Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

nanomorph

Package Overview
Dependencies
Maintainers
2
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nanomorph - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

2

package.json
{
"name": "nanomorph",
"version": "1.1.0",
"version": "1.1.1",
"description": "Hyper fast diffing algorithm for real DOM nodes",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -9,7 +9,7 @@ # nanomorph [![stability][0]][1]

const nanomorph = require('nanomorph')
const bel = require('bel')
const html = require('bel')
var tree = bel`<div>hello people</div>`
tree = nanomorph(bel`<div>nanananana-na-no</div>`, tree)
tree = nanomorph(`<div>teeny, tiny, tin bottle</div>`, tree)
var tree = html`<div>hello people</div>`
tree = nanomorph(html`<div>nanananana-na-no</div>`, tree)
tree = nanomorph(html`<div>teeny, tiny, tin bottle</div>`, tree)
```

@@ -20,6 +20,6 @@

const updateDom = require('nanomorph/update-dom')
const bel = require('bel')
const html = require('bel')
// create the initial tree, save it and append to DOM
const tree = bel`<div>hello people</div>`
const tree = html`<div>hello people</div>`
const update = updateDom(tree)

@@ -29,4 +29,4 @@ document.body.appendChild(tree)

// now each consecutive update will be rendered on the DOM
update(bel`<div>hello people</div>`, tree)
update(bel`<div>nanananana-na-no</div>`, tree)
update(html`<div>hello people</div>`, tree)
update(html`<div>nanananana-na-no</div>`, tree)
```

@@ -60,2 +60,4 @@

- [nanoraf][nanoraf]
- [choo][choo]
- [set-dom][set-dom]
- [min-document][mindoc]

@@ -73,2 +75,4 @@ - [how to write your own virtual dom 1][own-vdom-1]

[bel]: https://github.com/shama/bel
[choo]: https://github.com/yoshuawuyts/choo
[set-dom]: https://github.com/DylanPiercey/set-dom

@@ -75,0 +79,0 @@ [0]: https://img.shields.io/badge/stability-experimental-orange.svg?style=flat-square

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc