Skip to content
Evolution-based components.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
packages
test
.editorconfig
.eslintignore
.eslintrc.yml
.gitignore
.travis.yml
LICENSE
README.md
lerna.json
logo.svg
package.json
yarn.lock

README.md

synapse

Evolution-based components.

Travis status Code coverage NPM License Documentation Saucelabs


Principles

🚀 Standards first

Components are built using the same syntax of W3C Custom Elements specifications.

🍔 Modular system

Thanks to ES2015 classes and a smart mixins implementation, it is easy to combine features and reuse code.

🍻 Interoperability

Moving away DOM strategies and focusing on the pattern, components can work with different implementations like Custom Elements, React, Incremental DOM and, ideally, any other javascript library.

Usage

Use with Custom Elements v1

DNA is built on the top of Custom Elements v1 specs, so it is 100% compatible with the CustomElementsRegistry interface. Simply define the component and register it using customElements.define.

Use with Incremental DOM

Using Google IncrementalDOM notifications, DNA can replicate Custom Elements v1 callbacks without any polyfill.

Use with Custom Elements v0 spec.

Use with React.

You can’t perform that action at this time.