Seed Todo List - Seed-rust Typing CST Test

Seed Todo List — Seed-rust Code

A basic Todo list component using Seed.

# seed/demo/todo.rs
use seed::{prelude::*, *};

struct Model { todos: Vec<String>, input: String }

enum Msg { Add, UpdateInput(String) }

fn init(_: Url, _: &mut Orders<Msg>) -> Model {
	Model { todos: vec![], input: String::new() }
}

fn update(msg: Msg, model: &mut Model, _: &mut Orders<Msg>) {
	match msg {
		Msg::Add => {
		model.todos.push(model.input.clone());
		model.input.clear();
		},
		Msg::UpdateInput(value) => model.input = value,
	}
}

fn view(model: &Model) -> Node<Msg> {
	div![
		input![
		type_("text"),
		attrs! { At::Value => model.input },
		ev(Ev::Input, |e| Msg::UpdateInput(e.value))
		],
		button![ev(Ev::Click, |_| Msg::Add), "Add"],
		ul![model.todos.iter().map(|todo| li![todo]).collect::<Vec<Node<Msg>>>()]
	]
}

#[wasm_bindgen(start)]
pub fn start() {
	App::start("app", init, update, view);
}

Seed-rust Language Guide

Seed is a Rust framework for creating front-end web apps with WebAssembly. It provides a component-based architecture inspired by Elm, enabling Rust developers to write type-safe, reactive web applications that compile to Wasm.

More Seed-rust Typing Exercises

Practice Other Languages