dioxus/docs/guide/examples/components.rs

#![allow(non_snake_case)]
use dioxus::prelude::*;

fn main() {
    dioxus_desktop::launch(App);
}

// ANCHOR: App
fn App(cx: Scope) -> Element {
    cx.render(rsx! {
        About {},
        About {},
    })
}
// ANCHOR_END: App

// ANCHOR: About
pub fn About(cx: Scope) -> Element {
    cx.render(rsx!(p {
        b {"Dioxus Labs"}
        " An Open Source project dedicated to making Rust UI wonderful."
    }))
}
// ANCHOR_END: About
Rework Guide (#486) * Move getting started to Guide * Clean up summary and getting started * Shorten intro by moving stuff to individual platform docs * Make intro even shorter, summarize features * Further cleanup; move development-related docs to separate section * Make `guide` a crate. Turn code samples into examples so that we can check if they compile * Rewrite "Describing the UI": * Focus on RSX syntax (interactivity covered in later chapters); make sure samples are tested; concise language * Move some "special attribute" samples to the `examples` directory * Simplify introduction to components * Simplify introduction to component props * Document Prop features; add code samples * Simplify component children docs * Interactivity: better introduction to events * Hooks: better introduction * Remove outdated doc * Introducs use_ref * Simplify User Input chapter * Document event handler props * Meme editor example * Meme editor walkthrough * Add dark mode example * Guide for context; dark mode example * Guide: custom hooks * Guide: conditional rendering * Guide: rendering lists * Guide: rendering lists + keys * Move remaining infor from Reference to guide * Delete reference book 2022-07-07 08:50:36 +00:00			`#![allow(non_snake_case)]`
			`use dioxus::prelude::*;`

			`fn main() {`
Renderers are now packages, not features. (#387) * feat: use synchronous router design * feat: function to get router out of dom * chore: restructure workspace to use renderers as packages, not features 2022-07-09 19:15:20 +00:00			`dioxus_desktop::launch(App);`
Rework Guide (#486) * Move getting started to Guide * Clean up summary and getting started * Shorten intro by moving stuff to individual platform docs * Make intro even shorter, summarize features * Further cleanup; move development-related docs to separate section * Make `guide` a crate. Turn code samples into examples so that we can check if they compile * Rewrite "Describing the UI": * Focus on RSX syntax (interactivity covered in later chapters); make sure samples are tested; concise language * Move some "special attribute" samples to the `examples` directory * Simplify introduction to components * Simplify introduction to component props * Document Prop features; add code samples * Simplify component children docs * Interactivity: better introduction to events * Hooks: better introduction * Remove outdated doc * Introducs use_ref * Simplify User Input chapter * Document event handler props * Meme editor example * Meme editor walkthrough * Add dark mode example * Guide for context; dark mode example * Guide: custom hooks * Guide: conditional rendering * Guide: rendering lists * Guide: rendering lists + keys * Move remaining infor from Reference to guide * Delete reference book 2022-07-07 08:50:36 +00:00			`}`

			`// ANCHOR: App`
			`fn App(cx: Scope) -> Element {`
			`cx.render(rsx! {`
			`About {},`
			`About {},`
			`})`
			`}`
			`// ANCHOR_END: App`

			`// ANCHOR: About`
			`pub fn About(cx: Scope) -> Element {`
			`cx.render(rsx!(p {`
			`b {"Dioxus Labs"}`
			`" An Open Source project dedicated to making Rust UI wonderful."`
			`}))`
			`}`
			`// ANCHOR_END: About`