Set consistent keys

With the current script where the component keys change randomly upon each run, the component values are reset immediately after the user interacts the widgets on the page.
To fix it, we should make the component keys consistent across the script runs.

app.py

@@ -29,7 +29,7 @@ st.image(
 
 """
 # Try out Theming!
-Click on the images below to view this app with different themes. 
+Click on the images below to view this app with different themes.
 """
 
 ""
@@ -90,9 +90,9 @@ def draw_all(
     st.write(
         """
         # Example Widgets
-        
-        These widgets don't do anything. But look at all the new colors they got 👀 
-    
+
+        These widgets don't do anything. But look at all the new colors they got 👀
+
         ```python
         # First some code.
         streamlit = "cool"
@@ -102,13 +102,13 @@ def draw_all(
         """
     )
 
-    st.checkbox("Is this cool or what?", key=str(random.randint(0, 10000)))
+    st.checkbox("Is this cool or what?", key=key+":checkbox")
     st.radio(
         "How many balloons?",
         ["1 balloon 🎈", "2 balloons 🎈🎈", "3 balloons 🎈🎈🎈"],
-        key=str(random.randint(0, 10000)),
+        key=key+":radio",
     )
-    st.button("🤡 Click me", key=str(random.randint(0, 10000)))
+    st.button("🤡 Click me", key=key+":button")
 
     # if plot:
     #     st.write("Oh look, a plot:")
@@ -123,18 +123,18 @@ def draw_all(
 
     #     st.plotly_chart(fig, use_container_width=True)
 
-    st.file_uploader("You can now upload with style", key=str(random.randint(0, 10000)))
+    st.file_uploader("You can now upload with style", key=key+":file_uploader")
     st.slider(
-        "From 10 to 11, how cool are themes?", min_value=10, max_value=11, key=str(random.randint(0, 10000))
+        "From 10 to 11, how cool are themes?", min_value=10, max_value=11, key=key+":slider"
     )
     # st.select_slider("Pick a number", [1, 2, 3], key=key)
-    st.number_input("So many numbers", key=str(random.randint(0, 10000)))
-    st.text_area("A little writing space for you :)", key=str(random.randint(0, 10000)))
-    st.text_input("Text input :)", key=str(random.randint(0, 10000)))
+    st.number_input("So many numbers", key=key+":number_input")
+    st.text_area("A little writing space for you :)", key=key+":text_area")
+    st.text_input("Text input :)", key=key+":text_input")
     st.selectbox(
         "My favorite thing in the world is...",
         ["Streamlit", "Theming", "Baloooons 🎈 "],
-        key=str(random.randint(0, 10000)),
+        key=key+":selectbox",
     )
     # st.multiselect("Pick a number", [1, 2, 3], key=key)
     # st.color_picker("Colors, colors, colors", key=key)