Skip to content

TidyFactor Vanilla JS — Framework-Free Reactive Single Page Applications

Framework-Free Reactive SPA Architecture with Native ES Modules & Proxy State

TidyFactor JS (tidyfactor-js) builds real client-side applications (state management, client-side routing, data fetching) using pure Vanilla JavaScript, W3C Web Components, and Proxy-based reactive stores with zero React/Vue dependencies.

🎯 Key Value Propositions

  • Framework-Free Longevity: Code that will run unmodified in any browser for 20+ years without dependency rot.
  • Micro Runtime (< 10KB): Ultra-fast initial paint with instant execution and zero framework bundle overhead.
  • Reactive Proxy State: Minimalist observer pattern providing reactive state synchronization across components.
  • Dual Routing Strategy: Support for both Hash-based routing and HTML5 History API client navigation.

🚀 Installation & Quick Start

npx @tidyfactor/cli-js add-skill

⚡ Slash Commands & Workflows

Command Scope Description
/init Scaffold Initialize Vanilla JS SPA with ES Modules structure
/store State Create reactive proxy state store with persistence hooks
/route Router Configure client-side routing (Hash or History API)
/compo Components Build native W3C Custom Elements / Web Components