# Documentation

Source: https://signy.dev/documentation/1/

Keep state in signals, write components as classes and let Signy update the exact DOM nodes that changed.

These docs cover Signy 1.x. [See what changed in each release](https://signy.dev/documentation/1/version/index.html.md).

## Overview

Install Signy and write your first component.

- [Installation](https://signy.dev/documentation/1/overview/installation/index.html.md)
- [Quick start](https://signy.dev/documentation/1/overview/quick-start/index.html.md)
- [How Signy works](https://signy.dev/documentation/1/overview/how-signy-works/index.html.md)
- [JSX and TypeScript](https://signy.dev/documentation/1/overview/jsx-and-typescript/index.html.md)
- [AI assistants](https://signy.dev/documentation/1/overview/ai-assistants/index.html.md)

## Reactivity

Signals, derived values, effects and async data.

- [Signals](https://signy.dev/documentation/1/reactivity/signals/index.html.md)
- [Computed](https://signy.dev/documentation/1/reactivity/computed/index.html.md)
- [Selectors](https://signy.dev/documentation/1/reactivity/selectors/index.html.md)
- [Effects](https://signy.dev/documentation/1/reactivity/effects/index.html.md)
- [Batching](https://signy.dev/documentation/1/reactivity/batching/index.html.md)
- [Transitions](https://signy.dev/documentation/1/reactivity/transitions/index.html.md)
- [Store](https://signy.dev/documentation/1/reactivity/store/index.html.md)
- [Resource](https://signy.dev/documentation/1/reactivity/resource/index.html.md)

## Components

Classes with state, props, lifecycle and context.

- [Components](https://signy.dev/documentation/1/components/components/index.html.md)
- [Props and children](https://signy.dev/documentation/1/components/props-and-children/index.html.md)
- [Lifecycle](https://signy.dev/documentation/1/components/lifecycle/index.html.md)
- [Refs and forms](https://signy.dev/documentation/1/components/refs-and-forms/index.html.md)
- [DOM helpers](https://signy.dev/documentation/1/components/dom-helpers/index.html.md)
- [Context](https://signy.dev/documentation/1/components/context/index.html.md)
- [Shadow DOM](https://signy.dev/documentation/1/components/shadow-dom/index.html.md)
- [Custom events and slots](https://signy.dev/documentation/1/components/events-and-slots/index.html.md)

## Templates

The html template and control flow.

- [html templates](https://signy.dev/documentation/1/templates/html-templates/index.html.md)
- [Show](https://signy.dev/documentation/1/templates/show/index.html.md)
- [For and Index](https://signy.dev/documentation/1/templates/for-and-index/index.html.md)
- [Switch and Match](https://signy.dev/documentation/1/templates/switch-and-match/index.html.md)
- [Portal and ErrorBoundary](https://signy.dev/documentation/1/templates/portal-and-error-boundary/index.html.md)
- [Lazy and Suspense](https://signy.dev/documentation/1/templates/lazy-and-suspense/index.html.md)

## Router

Routes, links, params and lazy loading.

- [Routes](https://signy.dev/documentation/1/router/routes/index.html.md)
- [Navigation](https://signy.dev/documentation/1/router/navigation/index.html.md)
- [Params and query](https://signy.dev/documentation/1/router/params-and-query/index.html.md)
- [Nested and lazy routes](https://signy.dev/documentation/1/router/nested-and-lazy-routes/index.html.md)

## Application

Mounting, plugins and tests.

- [Application](https://signy.dev/documentation/1/application/application/index.html.md)
- [Testing](https://signy.dev/documentation/1/application/testing/index.html.md)

## Examples

Whole apps built with Signy and Iris CSS, and benchmarks you run yourself.

- [Forms and state](https://signy.dev/examples/index.html.md#forms-and-state)
- [Router](https://signy.dev/examples/index.html.md#router)
- [Async](https://signy.dev/examples/index.html.md#async)
- [Components and the DOM](https://signy.dev/examples/index.html.md#components)
- [Benchmarks](https://signy.dev/benchmarks/index.html.md)