Build web apps across browser and server
Build the application around one Valyrian.js component model.
Create views, route between screens, load data, manage state, render on the server and isolate request-scoped work with Valyrian.js APIs.
Try Valyrian.js in the browser
Save this complete document as index.html and open it in a modern browser. It loads Valyrian.js from unpkg, defines a component and mounts its output to the body.
html<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Valyrian.js App</title>
</head>
<body>
<script type="module">
import "https://unpkg.com/valyrian.js@9.1.13/dist/index.min.js";
const { mount } = Valyrian;
function App() {
return "Hello from Valyrian.js";
}
mount("body", App);
</script>
</body>
</html>
Learn Valyrian.js step by step
- Taskboard 1. Local TSX projectStart the cumulative Taskboard path by creating and mounting the local TSX project used in every later stage.
- Taskboard 2. InteractionContinue the Stage 1 project with PulseStore mutations, UI events, conditional details and a keyed task list.
- Taskboard 3. RoutingContinue the interactive Taskboard with Tasks and About routes that retain the same store.
- Taskboard 4. Async dataContinue the routed application by loading tasks with Request and rendering asynchronous states with Suspense.
- Taskboard 5. FormContinue the loaded Tasks screen with FormStore validation and a Request submission to the Taskboard server.
- Taskboard 6. SSR and hydrationContinue the routed application by rendering it on the server and recreating it from serialized task state in the browser.
- Taskboard 7. Offline and PWAFinish the cumulative project with queued offline delivery, live queue state, install metadata and manual worker updates.
Explore Valyrian.js by capability
Views and lifecycle
Build vnodes, mount an application and respond to lifecycle changes.
Routing
Resolve routes, redirect navigation and run route hooks.
Data and async work
Send requests, represent pending work and coordinate queries and mutations.
State and forms
Store values, run effects and validate form data.
Network, offline and PWA
Observe connectivity, retain queued operations and manage service worker registration.
SSR and server APIs
Render on the server, isolate scopes and transform server output.