docs: tutorial: update outdated fetching data section

[shan-shaji]

Description

Fetching data section of the tutorial page still mentioned using wasm-bindgen-futures::spawn_local. Updated the docs and examples to use yew::platform::spawn_local and the use_future hook instead.

Fixes #4083

Checklist

• update next version docs.
• update 0.22 version docs.
• update 0.23 version docs.
• final cleanup.
• update translations.

• I have reviewed my own code
• I have added tests

[shan-shaji]

Hi @Madoshakalaka , Could you please check english the version? If it looks good i can translate it into other languages.

[github-actions]

Visit the preview URL for this PR (updated for commit 360d8d1):

https://yew-rs--pr4141-fix-shan-docs-4083-3ozqxqsd.web.app

_{(expires Fri, 08 May 2026 20:18:40 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[Madoshakalaka]

the App diff should also remove the stray if let block, since VideosFetcher is the new home for that rendering. In all three versions of index.mdx at the App-update code block, please add to the - lines:

  -       if let Some(video) = &*selected_video {
  -           <VideoDetails video={video.clone()} />
  -       }

and re-tune the highlight ranges accordingly.

---

you can touch yew/tools/website-test/build.rs && cargo test -p website-test and check the generated output at target/debug/build/website-test-12341234312/out/website_tests.rs

now if somebody follows our tutorial they will get:

  html! {
      <>
          <h1>{ "RustConf Explorer" }</h1>
          <Suspense fallback={html! {<p> {"Loading..."} </p>}} >
             <VideosFetcher … selected_video={(*selected_video).clone()} />
           </Suspense>
      </>
      if let Some(video) = &*selected_video {
          <VideoDetails video={video.clone()} />
      }
  }

with the video details rendered twice.

[shan-shaji]

Ahh, thanks for catching that. I will update it.