Guide

TSone

轻量级纯 TypeScript 前端框架，提供响应式系统、组件化和路由功能。

特性

• 纯 TypeScript 实现，提供完整的类型支持
• 高效的响应式系统
• 组件化开发模式
• 内置路由功能
• 样式管理系统
• 轻量级设计，无外部依赖
• Bun 原生工具链：包管理、测试、构建和文档服务均由 Bun 驱动

快速开始

使用 Bun 安装 @geektech/tsone：

bun add @geektech/tsone

import { Component, VNode, createApp } from '@geektech/tsone';

class App extends Component<object, { count: number }> {
  protected initState(): { count: number } {
    return { count: 0 };
  }

  protected initStyles(): void {}

  protected render(): VNode {
    return {
      tag: 'button',
      listeners: {
        click: () => this.state.count++,
      },
      children: ['count: '],
    };
  }
}

createApp({ root: App }).mount();

继续阅读 快速开始、核心概念 或直接查看 App API。