datastar

module
v0.20.0-beta-1 Latest Latest
Warning

This package is not in the latest version of its module.

Go to latest
Published: Nov 18, 2024 License: MIT

README

Version npm bundle size

Datastar

A real-time hypermedia framework.

Datastar helps you build real-time web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework.

Here’s what frontend reactivity looks like using Datastar:

<div data-store="{input: ''}">
    <input data-model="input" type="text">
    <div data-text="$input.toUpperCase()"></div>
    <button data-on-click="$post('/endpoint')">Save</button>
</div> 

Visit the Datastar Website »

Getting Started

Include Datastar with a single 14 KiB file and start adding reactivity to your frontend immediately. Write your backend in the language of your choice, and use the helper SDKs (available for Go, PHP, TypeScript and .NET) to get up and running even faster.

<script type="module" defer src="https://cdn.jsdelivr.net/npm/@sudodevnull/datastar"></script>

Read the Getting Started Guide »

Contributing

Read the Contribution Guidelines »

Development

Read the Development Guidelines »

Directories

Path Synopsis
code
go/cmd/site command
go/cmd/tsbuild command
sdk
tests module

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL