Add keys explanation when it is first introduced

yewstack · Nov 3, 2022 · ef7d8fc · ef7d8fc
1 parent daac993
commit ef7d8fc
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/website/docs/tutorial/index.mdx b/website/docs/tutorial/index.mdx
@@ -247,6 +247,10 @@ let videos = videos.iter().map(|video| html! {
 }).collect::<Html>();
 ```
 
+:::tip
+Keys on list items helps Yew keep track of which items have changed in the list, resulting in faster re-renders. [It is always recommended to use keys in lists](/concepts/html/lists#keyed-lists).
+:::
+
 And finally we need to replace the hardcoded list of videos with the `Html` we created from data:
 
 ```rust ,ignore {6-10}