https://github.com/davedawkins/sutil-template-helloworld

https://github.com/davedawkins/sutil-template-helloworld

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/davedawkins/sutil-template-helloworld
• Owner: davedawkins
• Created: 2021-02-21T23:50:38.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-19T11:10:06.000Z (over 1 year ago)
• Last Synced: 2024-07-02T02:38:32.581Z (2 months ago)
• Language: JavaScript
• Size: 13.7 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome-sutil - Sutil Template for Hello World

README

        
## Sutil Template for Hello World

The simplest Sutil application. This gives you a development area and shows how a single page application is constructed and mounted with minimal styling. See

- src/App/App.fs.

- public/index.html

```fs

module App

open Sutil

open Sutil.DOM

open Sutil.Attr

let view() =

    Html.div [

        style [

            Css.fontFamily "Arial, Helvetica,sans-serif"

            Css.textAlign "center"

            Css.marginTop "40px"

            Css.fontSize "10ex"

        ]

        text "Hello World"

    ]

mountElement "sutil-app" (view())

```

### Quick Start

```

    git clone -s https://github.com/davedawkins/sutil-template-helloworld.git

    cd sutil-template-helloworld

    dotnet tool restore

    npm install

    npm run start

```

### What Next

It's recommended that for any kind of "real" app that you adopt the Elmish MVU pattern.

Template: https://github.com/davedawkins/Sutil-template-elmish