https://github.com/davedawkins/sutil-template-helloworld
https://github.com/davedawkins/sutil-template-helloworld
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/davedawkins/sutil-template-helloworld
- Owner: davedawkins
- Created: 2021-02-21T23:50:38.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-02-19T11:10:06.000Z (over 3 years ago)
- Last Synced: 2025-03-10T22:52:38.632Z (over 1 year ago)
- Language: JavaScript
- Size: 13.7 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- 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