Component with Loop - Yew Typing CST Test
Loading…
Component with Loop — Yew Code
Displays a list of items using a loop.
# yew/demo/loop.rs
use yew::prelude::*;
struct Model {
items: Vec<String>,
}
impl Component for Model {
type Message = ();
type Properties = ();
fn create(ctx: &Context<Self>) -> Self {
Model { items: vec!["Item 1".into(), "Item 2".into(), "Item 3".into()] }
}
fn view(&self, ctx: &Context<Self>) -> Html {
html! {
<ul>
{ for self.items.iter().map(|item| html!{<li>{ item }</li>}) }
</ul>
}
}
}
fn main() {
yew::start_app::<Model>();
}Yew Language Guide
Yew is a modern Rust framework for building client-side web applications using WebAssembly (Wasm), providing a reactive component-based architecture similar to React.
Primary Use Cases
- ▸Single-page applications (SPA) in Rust
- ▸Interactive dashboards and data visualization
- ▸WebAssembly-based web games
- ▸Frontend for Rust backend services
- ▸High-performance, low-latency web UIs
Notable Features
- ▸Component-based architecture with reusable components
- ▸Supports reactive updates via message passing
- ▸Virtual DOM for efficient rendering
- ▸WebAssembly backend for fast execution
- ▸Strong Rust type system ensures memory safety
Origin & Creator
Yew was created by Denis Kolodin in 2018 and has since evolved with community contributions into a robust Rust frontend framework.
Industrial Note
Yew is targeted at developers seeking high-performance web applications leveraging Rust's safety, concurrency, and memory efficiency while running in the browser.