depreciate the render macro

This commit is contained in:
Evan Almloff committed 2024-01-16 13:18:46 -06:00
1 parent 90d0164b9e
commit e65c5f0eb3
148 files changed
+459 -458

No files matched your search

+2 -2
View File
@@ -11,7 +11,7 @@ fn app() -> Element {
// Because signal is never read in this component, this component will not rerun when the signal changes
use_context_provider(|| Signal::new(0));
render! {
rsx! {
Child {}
}
}
@@ -19,7 +19,7 @@ fn app() -> Element {
fn Child() -> Element {
let signal: Signal<i32> = *use_context(cx).unwrap();
// This component does read from the signal, so when the signal changes it will rerun
render! {
rsx! {
"{signal}"
}
}
+1 -1
View File
@@ -23,7 +23,7 @@ fn app() -> Element {
});
println!("Running app");
render! {
rsx! {
button {
onclick: move |_| {
local_state.set(local_state.get() + 1);
+2 -2
View File
@@ -10,7 +10,7 @@ fn App() -> Element {
let signal = use_signal(|| 0);
let doubled = use_selector(move || signal * 2);
render! {
rsx! {
button {
onclick: move |_| *signal.write() += 1,
"Increase"
@@ -21,5 +21,5 @@ fn App() -> Element {
#[component]
fn Child(signal: ReadOnlySignal<usize>) -> Element {
render! { "{signal}" }
rsx! { "{signal}" }
}
@@ -21,7 +21,7 @@ fn use_app_data() -> ApplicationData {
fn app() -> Element {
use_context_provider(ApplicationData::default);
render! {
rsx! {
div { ReadsFirst {} }
div { ReadsSecond {} }
div { ReadsManySignals {} }
@@ -32,7 +32,7 @@ fn ReadsFirst() -> Element {
println!("running first");
let data = use_app_data(cx);
render! {
rsx! {
button {
onclick: move |_| {
*data.first_data.write() += 1;
@@ -59,7 +59,7 @@ fn ReadsSecond() -> Element {
println!("running second");
let data = use_app_data(cx);
render! {
rsx! {
button {
onclick: move |_| {
*data.second_data.write() += 1;
@@ -86,7 +86,7 @@ fn ReadsManySignals() -> Element {
println!("running many signals");
let data = use_app_data(cx);
render! {
rsx! {
button {
onclick: move |_| {
data.many_signals.write().push(Signal::new(0));
@@ -122,7 +122,7 @@ fn Child(cx: Scope<ChildProps>) -> Element {
println!("running child");
let count = cx.props.count;
render! {
rsx! {
div {
"Child: {count}"
button {