Sviluppo Front End in Rust: Leptos e TailwindCSS | Control Flow: Show e For | Ep. 5.1

In questo video passiamo dalla teoria alla pratica: implementiamo conditional e list rendering in Leptos usando i componenti Show e For, confrontandoli con i classici if/else e .map() di Rust. Lo que aprenderás: Creazione di un componente Toggle con gestione eventi (on:click) Conditional rendering: if/else standard vs Show (reattivo) Perché Show è essenziale quando lavoriamo con segnali reattivi List rendering: .iter().map() per dati statici vs For per dati reattivi L'importanza della prop "key" in For per il rendering efficiente Differenza di performance: re-render completo vs incrementale Diverse sintassi per il componente For Risorse: Codice sorgente: https://github.com/iDesoftSystems/f5a... Documentazione Leptos: https://leptos.dev/ 0:00 - Introduzione 0:41 - Setup del progetto 2:07 - Conditional rendering con componente Toggle 3:33 - Eventi click con on: 7:47 - if/else standard vs Show 11:50 - Problemi del if/else con dati reattivi 22:36 - Show con fallback 27:47 - List rendering: .iter().map() statico 30:05 - Il problema della reattività con .map() 33:17 - Iteratori e ownership in Rust 38:19 - For component: each, key, children 44:35 - Segnali e strutture dati 48:48 - Aggiungere elementi reactive 55:35 - For in azione: rendering incrementale 1:00:30 - Closure e reattività 1:09:07 - Differenze di performance 1:11:13 - Sintassi alternative di For 1:13:05 - Conclusioni