Component with Child Component - Yew Typing CST Test
Loading…
Component with Child Component — Yew Code
Demonstrates parent and child components.
# yew/demo/child.rs
use yew::prelude::*;
#[derive(Properties, PartialEq)]
struct ChildProps {
text: String,
}
#[function_component(ChildComponent)]
fn child(props: &ChildProps) -> Html {
html! { <p>{ &props.text }</p> }
}
#[function_component(ParentComponent)]
fn parent() -> Html {
html! { <ChildComponent text="Hello from Child" /> }
}
fn main() {
yew::start_app::<ParentComponent>();
}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.