one thing i love about rust's macros is that you can accomplish this without needing a separate file type or inventing syntax

   #[component]
   pub fn HomePage(user: Option<User>) -> Element {
      rsx! {
         Layout { 
            title: "Home",
            if let Some(u) = user {
               h1 { "Welcome back, {u.name}!" }
               a { href: "/users/{u.id}", "Your profile" }
            } else {
               h1 { "Welcome, guest!" }
               a { href: "/login", "Log in" }
            }
         }
      }
   }

    #[component]
    fn App() -> impl IntoView {
        let (count, set_count) = signal(0);
        view! {
            <button
                on:click=move |_| set_count.set(3) >
                "Click me”</button>
             <p>{move || count.get() * 2}</p>
        }
    }

I love the idea! I could imagine something similar created for other languages too. Perhaps written in a way that a template could be reused i, let's say Django, and a JS React frontend. With all the type-safety that tsx provides.

W3C: Why can't we just have <includes src="./header.html"> and be done with it?