# Tempo

> A modern, open-source, and fast web framework written in TypeScript

## Documentation

- [Quick Start](https://tempo-ts.com/page/quick-start.html): Get started with Tempo in a few simple steps.
- [Installation](https://tempo-ts.com/page/installation.html): Install Tempo using npm or yarn.
- [How Does It Work?](https://tempo-ts.com/page/how-it-works.html): Learn how Tempo works under the hood.
- [Renderables](https://tempo-ts.com/page/renderables.html): Renderables are the building blocks of Tempo applications. They are the templates that are rendered to the DOM. Tempo provides a set of functions to create and manipulate renderables.
- [Signals](https://tempo-ts.com/page/signals.html): Signals are the reactive data stores. They are used to manage state and notify state changes.
- [Build your own Renderables](https://tempo-ts.com/page/components.html): Reusing Renderables allow an efficient workflow that minimizes code duplication and bugs.
- [Providers](https://tempo-ts.com/page/providers.html): Providers in Tempo allow for dependency injection and context sharing between components without prop drilling.
- [Standard Library](https://tempo-ts.com/page/std-library.html): The @tempots/std library provides a set of utility functions and types commonly used in web applications.
- [UI Components](https://tempo-ts.com/page/ui-components.html): The @tempots/ui library provides a set of reusable UI components and renderables to accelerate development with Tempo.
- [SSR & Headless Rendering](https://tempo-ts.com/page/ssr-headless.html): Server-side rendering, static site generation, and client hydration with Tempo.
- [Examples & Patterns](https://tempo-ts.com/page/examples.html): Common patterns and examples for building applications with Tempo.
- [Render](https://tempo-ts.com/page/render.html): Rendering is the final act of applying Renderables to the DOM. When defining renderables, nothing in the DOM is changed or updated, not until those renderables are applied using either render() or renderWithContext().
- [Troubleshooting & FAQ](https://tempo-ts.com/page/troubleshooting.html): Common issues, solutions, and frequently asked questions about Tempo.

## Libraries

- [@tempots/core](https://tempo-ts.com/library/tempots-core.html): Core types and utilities for multi-context Tempo framework
- [@tempots/render](https://tempo-ts.com/library/tempots-render.html): Platform-agnostic shared renderables for the Tempo framework
- [@tempots/dom](https://tempo-ts.com/library/tempots-dom.html): Fully-typed frontend framework alternative to React and Angular
- [@tempots/native](https://tempo-ts.com/library/tempots-native.html): Native iOS/Android rendering for the Tempo framework via JSI bridge
- [@tempots/server](https://tempo-ts.com/library/tempots-server.html): Server-side rendering utilities for Tempo applications
- [@tempots/client](https://tempo-ts.com/library/tempots-client.html): Client-side hydration utilities for Tempo SSR applications
- [@tempots/std](https://tempo-ts.com/library/tempots-std.html): Std library for TypeScript. Natural complement to the Tempo libraries.
- [@tempots/vite](https://tempo-ts.com/library/tempots-vite.html): Vite plugin for Tempo SSR, SSG, and Islands architecture
- [@tempots/ui](https://tempo-ts.com/library/tempots-ui.html): Provides a higher level of renderables to help fast development with Tempo.
- [@tempots/eslint-plugin](https://tempo-ts.com/library/tempots-eslint-plugin.html): ESLint plugin for TempoTS to catch common signal disposal issues

## API Reference

- [@tempots/core API](https://tempo-ts.com/api/tempots-core/index.html): API reference for @tempots/core
- [@tempots/dom API](https://tempo-ts.com/api/tempots-dom/index.html): API reference for @tempots/dom
- [@tempots/std API](https://tempo-ts.com/api/tempots-std/index.html): API reference for @tempots/std
- [@tempots/ui API](https://tempo-ts.com/api/tempots-ui/index.html): API reference for @tempots/ui

## Optional

- [Full Documentation](https://tempo-ts.com/llms-full.txt): Complete documentation in a single file
- [HNPWA](https://tempo-ts.com/demo/hnpwa.html): Hacker News Progressive Web App
- [7GUIs](https://tempo-ts.com/demo/7guis.html): 7GUIs implementation using TempoTS
- [TodoMVC](https://tempo-ts.com/demo/todomvc.html): TodoMVC example using TempoTS
- [Counter Demo](https://tempo-ts.com/demo/counter.html): Counter demo using TempoTS
- [GitHub](https://github.com/fponticelli/tempots): Source code repository