mode_nodules

A Web Component and State Machine library

• An opinionated data model for Web Components
• Valid HTML, valid CSS, valid JS
• Static Initialization pattern configures component behavior
• Populate component HTML/CSS from strings, <template> tags, or the network
• Hot-reloading for Web Components

mode_nodules let you focus on controlling data flow

• Properties and Attributes are signals
• Bindings move data between components
• Imperative side-effects mutate the DOM
• Reusable state machines control complex component behavior

Other advantages of mode_nodules

• No build
• Zero dependencies
• Augmented web components, not browser abstraction
• No language-in-a-language
• No hyperbole
• No rocketship emojis
• No emojis at all
• No claim to be blazing or, worse yet, blazingly
• Not "Made with love"

huh?

• What?
• Web Components Crash Course
• Get Started

usage

Being Web Components, mode_nodules components run entirely client-side.

import {Element} from 'https://unpkg.com/mode_nodules';

export default Element.define(
    import.meta,
    class MyComponent extends Element {
        onConnected() {}
        onUpdated() {}
    }
)