diff options
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/README.md b/README.md deleted file mode 100644 index b6d111c..0000000 --- a/README.md +++ /dev/null @@ -1,66 +0,0 @@ -# Lustre - -An Elm-inspired framework for building web apps in Gleam! - ---- - -[](https://hex.pm/packages/lustre) -[](https://hexdocs.pm/lustre/) - -```gleam -import gleam/int -import lustre -import lustre/element.{button, div, p, text} -import lustre/event.{on_click} -import lustre/cmd - -pub fn main() { - let app = lustre.simple(init, update, render) - let assert Ok(_) = lustre.start(app, "#app") - - Nil -} - -fn init() { - 0 -} - -type Msg { - Incr - Decr -} - -fn update(state, msg) { - case msg { - Incr -> state + 1 - Decr -> state - 1 - } -} - -fn render(state) { - div( - [], - [ - button([on_click(Decr)], [text("-")]), - p([], [text(int.to_string(state))]), - button([on_click(Incr)], [text("+")]), - ], - ) -} -``` - ---- - -❗️ This package relies on Gleam's JavaScript FFI and is intended to be run in -the browser. **It will not work if your are targetting Node.js or Erlang.** - ---- - -## Installation - -Lustre is available on [Hex](https://hex.pm/packages/lustre). You can install -it like any other Hex package: - -```sh -$ gleam add lustre -``` |