Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 1.04 KB

README.md

File metadata and controls

43 lines (31 loc) · 1.04 KB

WebGen 2.0

A SwiftUI-like Web library

Getting Started

// Create a mod.ts file
import { Label, Body, WebGen } from "https://deno.land/x/webgen/mod.ts";

WebGen();
Body(
    Label("Hello World!")
);
// Create a serve.ts file
import { serve } from "https://deno.land/x/esbuild_serve/mod.ts";

serve({
    pages: {
        "index": "mod.ts",
    },
});
deno run -A serve.ts

Done! Have fun! More docs will follow

Architecture

WebGen is build around the 4 main components:

  • Core API: Bringing layouting, the webgen component pattern and state management.
  • Navigation API: Build Applications with multiple pages and navigation based on the global URL and the Navigation API.
  • Components API: A set of prebuild components like Button, Checkbox, Image, List, Sheets.
  • Extended API: Provides additional features like a scheduler, a network issue resilient fetch/websocket API.