Minimal Preact starter example with client-side hydration

Public

Val Town is a collaborative website to build and scale JavaScript apps.

Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.

Code

http.tsx

https://jxnblk--d1cb0acc170011f092c6569c3dd06744.web.val.run

README.md

Preact Client Starter

Minimal Preact starter example with client-side hydration

View Demo

How it works

The http.tsx file renders the HTML Preact component on the server. This component includes a <script> tag that requests the client.ts module in the browser. This module hydrates the <div id="app"> element with the App component to allow you to use client-side state.

HTTP

http.tsx
jxnblk--d1…44.web.val.run

Code

App.tsx HTML.tsx README.md client.ts

http.tsx