DOCSEARCHbyAlgolia
Submit Docs

TachUI Documentation

website·Indexed 31 days ago

https://tachui.dev/

A framework for building SwiftUI-style web applications using a declarative, chaining modifier syntax. It features a comprehensive layout system including Grid and Flexbox, a signal-based event system, and the Tacho CLI for bundle optimization and project analysis.

Tokens
263.3K
Snippets
1.4K
Records
1.6K
Agent score
61%

What's inside TachUI

  1. Overview of tachUI Enhanced Modifiers Migration

    The enhanced modifier system in tachUI extends existing modifiers with more powerful options while maintaining 100% backward compatibility. Existing code continues to work without changes, and there is no performance penalty for using the original modifiers. Adoption can be gradual, moving from immediate benefits (like new cursor values) to advanced features (like layered shadows).

  2. Overview of TachUI Security and Validation APIs

    TachUI includes specialized systems for application robustness:

    • Validation System: Provides real-time component/modifier validation, smart error recovery, and IDE integration for debugging.
    • Security System: Offers plugin signing (cryptographic verification), a capability-based permission system, XSS protection via input sanitization, and isolated execution via WebWorker sandboxing and CSP management.

  3. Overview of TachUI Framework

    TachUI is a TypeScript-first framework for the web designed to bring SwiftUI-like declarative patterns to web development. It features a fine-grained reactive core (inspired by SolidJS) that performs surgical DOM updates without a virtual DOM, ensuring that only changed properties trigger updates rather than entire components.

  4. Overview of TachUI Security Feature Flags

    TachUI uses feature flags to control security capabilities. These flags allow developers to enable protections gradually to maintain backward compatibility and monitor performance.

  5. Overview of the TachUI Plugin System

    TachUI uses a streamlined, modular plugin system designed to reduce core bundle size by 40-60% by allowing developers to add functionality only as needed. Key features include zero-config setup (plugins work out of the box), a performance-focused architecture, and automatic management/cleanup of components and services.

  6. Overview of TachUI CLI (Tacho) capabilities

    Tacho is the official command-line interface for TachUI, designed to support the full development workflow. Its primary capabilities include:

    • Project Scaffolding: Creating new projects using intelligent templates.
    • Development Server: An enhanced server featuring performance monitoring and TachUI-specific optimizations.
    • Code Generation: AI-powered scaffolding for components, screens, and state management.
    • Code Analysis: Deep analysis of TachUI usage with performance insights.
    • Migration Tools: Assistance for upgrading versions or migrating from React/Vue to TachUI.
    • Optimization Tools: Production readiness checks, bundle analysis, and performance tuning.

  7. Overview of the TachUI Modifier Pipeline

    The TachUI modifier pipeline transforms components into styled DOM elements through five distinct stages:

    1. Component Creation: Components are wrapped with modifier support via withModifiers().
    2. Modifier Building: Modifiers are accumulated using a fluent API builder.
    3. Component Rendering: Components are converted into DOM node structures with modifiers attached as metadata.
    4. DOM Creation: DOM nodes are converted into actual HTML elements.
    5. Modifier Application: Modifiers are applied to the final DOM elements based on priority.

  8. Overview of @tachui/forms plugin

    The @tachui/forms plugin extends TachUI core with advanced form handling, specialized input components, and a comprehensive validation system. It is designed to be tree-shakeable with a minimal bundle impact (~35KB). Key capabilities include 15+ specialized TextField variants, 18+ built-in validation rules, reactive form state management, and WCAG 2.1 AA accessibility compliance.

  9. Overview of the Spacer component

    The Spacer component creates flexible space that expands to fill available room in its parent container. It is primarily used for pushing content apart, achieving center alignment by placing spacers on both sides of an element, creating responsive spacing that adapts to container size, and building toolbar layouts.

  10. Overview of TachUI Validation System

    TachUI features a validation system that operates at both build-time and runtime to ensure components are used correctly. It provides real-time error detection, intelligent fix suggestions, IDE integration (IntelliSense and quick fixes), and zero overhead in production builds.

  11. Overview of @tachui/navigation plugin

    The @tachui/navigation plugin extends the TachUI core framework to provide SwiftUI-compatible navigation patterns. It supports stack-based navigation (push/pop), tab interfaces, programmatic routing, and browser history synchronization. Key features include smooth animations, gesture navigation (like swipe-back), and accessibility compliance.

  12. Overview of the TachUI Assets System

    The Assets system manages theme-adaptive resources (colors, images, fonts) in TachUI. It allows developers to define assets that automatically adapt to light/dark mode using dot notation access (e.g., Assets.primaryColor). The system is built on a reactive architecture with proxy-based access and caching for performance.