echelonjs

Echelon Framework

Echelon is a decorator-driven framework with full JSX/TSX support. It lets you build modular components in TypeScript with minimal boilerplate.

Key Features

• Decorator based reactivity: Manage component state and attributes using decorators such as @State, @Prop and @Component.
• JSX/TSX support: Full TypeScript and JSX support improves type safety and developer productivity.
• Component system: Build and manage modular UI using reusable components.
• Declarative rendering: Define component UI declaratively with the @Render decorator.
• Event handling: Handle DOM events easily via the @Event decorator.
• Lifecycle management: Define lifecycle hooks like @Mounted for components.

Quick Start

npm install echelonjs

import { createElement, Component, Render, State, mount } from 'echelonjs';

@Component('button')
class Counter {
  @State() count = 0;
  @Render()
  render() {
    return <span>{this.count}</span>;
  }
}

const root = document.getElementById('app');
if (root) {
  mount(<Counter />, root);
}

For full installation instructions and a detailed tutorial, see the documentation.

License

This project follows the MIT license as specified in package.json.