ARKlight logoARKlight
Getting startedTutorialReferenceExamplesWhyChangelog

Tutorial

Tutorial overview
1. Pages and routes
2. State and actions
3. Styling and layout
4. Reusable components
5. Lists and conditionals

Tutorial

A short lesson. It builds something you can run.

The lesson is a small, complete

site.py

. Build it with

arklight build site.py

and open the result. If a build fails, check the

gotchas

before anything else.

1. Pages and routes

Site, Page, and the @site.page decorator.

Open

2. State and actions

A click counter: State, Bind, and Action.*, no hand-written JS.

Open

3. Styling and layout

class_name, style, site.style, and layout classes with no @media.

Open

4. Reusable components

@component: a checked prop contract and instance-scoped state.

Open

5. Lists and conditionals

Show and Repeat, the two reactive components, in a small task list.

Open
Next: 1. Pages and routes
LicenseChangelogGitHubPyPI

ARKlight is GPLv3 with attribution terms; sites you build are yours. Your browser is still running JavaScript. We just made Python responsible for getting it there.