HeadlinesBriefing favicon HeadlinesBriefing.com

Lume Element Adds Solid.js Support

DEV Community •
×

A new release for @lume/element targets developers frustrated by the divide between web components and modern framework reactivity. Version 0.17.0 introduces support for Solid.js concepts like memos and effects directly within custom element classes using decorator syntax. The library promises a 'write once, use everywhere' workflow.

Developers can define a custom element with type checking and it works natively across React, Vue, Svelte, and Solid.js without wrappers. The source code shows a `FurryDog` element using decorators to manage state and dispatch events, with the template engine itself powered by Solid.js under the hood. This approach solves a major pain point: maintaining framework-specific component logic.

By leveraging TypeScript decorators, @lume/element allows for a unified codebase that retains full intellisense and autocompletion in major IDEs. It bridges the gap between native browser APIs and the developer experience found in contemporary JavaScript frameworks.