x-element
_________
/ /__ __\ \
/ / \ \ / \ \
\ \ /_\_\ / /
\_\_____/_/
A dead simple starting point for custom elements. It provides the following functionality:
- Efficient element generation and data binding via an integrated templating engine
- ...or use another engine (e.g., lit-html)
- Automatic
.property
to[attribute]
reflection (opt-in) - Automatic
[attribute]
to.property
synchronization (one-directional, on connected) - Simple and efficient property observation and computation
- Simple delegated event handling
- Useful error messages
curl https://github.com/raw/Netflix/x-element/main/x-element.js > x-element.js
or
import XElement from 'https://deno.land/x/element/x-element.js';
...or if you're fancy:
npm install @netflix/x-element
- No compilation step is necessary for adoption, just import
x-element.js
- Implement a minimal set of generalized functionality
- Make as few design decisions as possible
- Presume adopters are browser experts already (stay out of their way)
- Follow web platform precedents whenever possible
- Remain compatible with any browser which fully supports custom elements
- Prioritize simple syntax and useful comments in the code itself
- Zero dependencies
npm install && npm start
Then...
See SPEC.md for all the deets.