Yew es:
un marco para crear aplicaciones web confiables y eficientes.
Un marco moderno de Rust para crear aplicaciones web front-end utilizando WebAssembly.
Comenzando con Yew framework
Abrimos una terminal y tecleamos:
cargo install trunk rustup target add wasm32-unknown-unknown
Estos nos instalará lo necesario para comenzar a crear un proyecto Yew.
¿Pero, qué es Trunk? Trunk es un paquete de aplicaciones web WASM para Rust. Trunk utiliza un patrón de configuración opcional simple para crear y agrupar WASM, fragmentos de JS y otros activos (imágenes, css, scss) a través de un archivo HTML de origen.
¿Y Wasm? WebAssembly, abreviado wasm, es un formato de código binario portable, para la ejecución íntegra en navegador de scripts de lado del cliente. Se trata de un lenguaje de bajo nivel, diseñado inicialmente como formato destino en la compilación desde C y C++. Wasm está diseñado como un objetivo de compilación portátil para lenguajes de programación, lo que permite la implementación en la web para aplicaciones de cliente y servidor.
Si no tienes la versión más actual de Rust, deberás actualizarla:
rustup update
Creamos proyecto:
cargo new yew-app cd yew-app
Ejecutamos:
cargo run
Ahora editamos Cargo.toml
[package] name = "yew-app" version = "0.1.0" edition = "2021" [dependencies] yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }
Editamos main.rs
use yew::prelude::*; #[function_component(App)] fn app() -> Html { html! { <h1>{ "Hello World" }</h1> } } fn main() { yew::Renderer::<App>::new().render(); }
Creamos una página web: index.html
<!doctype html> <html lang="en"> <head></head> <body></body> </html>
Creamos un archivo Trunk.toml
[serve] # The address to serve on LAN. address = "127.0.0.1" # The address to serve on WAN. # address = "0.0.0.0" # The port to serve on. port = 8000
Abrimos un navegador:
trunk serve --open
Hemos creado nuestro primer página web estática con Yew Framework!!
Enlaces:
https://yew.rs/
Comentarios
Publicar un comentario