Fix all warning messages in reflex-web documentation (#1490)

* Fix all warning messages in reflex-web documentation

- Fix type annotations in slider event handlers to use list[int | float]
- Add missing set_width_pct method in FlexGrowShrinkState
- Remove unsupported on_ready property from rx.script component
- Resolves all warnings when running reflex run

Files modified:
- docs/components/conditional_rendering.md
- docs/events/event_actions.md
- docs/events/event_arguments.md
- docs/library/forms/slider.md
- docs/library/graphing/other-charts/pyplot.md
- docs/library/layout/flex.md
- docs/api-reference/browser_javascript.md

Co-Authored-By: Alek <[email protected]>

* Optimize snowStorm initialization to avoid button click overhead

- Move snowStorm configuration to window load event listener
- Eliminates repeated config calls on every Start Duststorm button click
- Maintains functionality while improving performance
- Addresses feedback about initialization overhead

Co-Authored-By: Alek <[email protected]>

* Fix num_points conversion to integer for array size compatibility

- Convert slider float values to int() for array size operations
- Addresses GitHub comment about array size requirements
- Maintains type annotation compatibility while ensuring proper integer usage

Co-Authored-By: Alek <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Alek <[email protected]>

Author: devin-ai-integration[bot]

docs/api-reference/browser_javascript.md

@@ -77,8 +77,15 @@ via `rx.call_script`.
 rx.vstack(
     rx.script(
         src="https://cdn.jsdelivr.net/gh/scottschiller/snowstorm@snowstorm_20131208/snowstorm-min.js",
-        on_ready=rx.call_script("snowStorm.autoStart = false; snowStorm.snowColor = '#111'"),
     ),
+    rx.script("""
+        window.addEventListener('load', function() {
+            if (typeof snowStorm !== 'undefined') {
+                snowStorm.autoStart = false;
+                snowStorm.snowColor = '#111';
+            }
+        });
+    """),
     rx.button("Start Duststorm", on_click=rx.call_script("snowStorm.start()")),
     rx.button("Toggle Duststorm", on_click=rx.call_script("snowStorm.toggleSnow()")),
 )

docs/components/conditional_rendering.md

@@ -55,7 +55,7 @@ class PropCondState(rx.State):
     value: int
 
     @rx.event
-    def set_end(self, value: list[int]):
+    def set_end(self, value: list[int | float]):
         self.value = value[0]
 
 

docs/events/event_actions.md

@@ -180,7 +180,7 @@ class DebounceState(rx.State):
     settled_value: int = 50
 
     @rx.event
-    def update_value(self, value: list[int]):
+    def update_value(self, value: list[int | float]):
         self.settled_value = value[0]
 
 

docs/events/event_arguments.md

@@ -14,7 +14,7 @@ class EventArgStateSlider(rx.State):
     value: int = 50
 
     @rx.event
-    def set_end(self, value: list[int]):
+    def set_end(self, value: list[int | float]):
         self.value = value[0]
 
 

docs/library/forms/slider.md

@@ -24,7 +24,7 @@ class SliderState(rx.State):
     value: int = 50
 
     @rx.event
-    def set_end(self, value: list[int]):
+    def set_end(self, value: list[int | float]):
         self.value = value[0]
 
 def slider_intro():
@@ -45,7 +45,7 @@ class RangeSliderState(rx.State):
     value_end: int = 75
 
     @rx.event
-    def set_end(self, value: list[int]):
+    def set_end(self, value: list[int | float]):
         self.value_start = value[0]
         self.value_end = value[1]
 
@@ -77,7 +77,7 @@ class LiveSliderState(rx.State):
     value: int = 50
 
     @rx.event
-    def set_end(self, value: list[int]):
+    def set_end(self, value: list[int | float]):
         self.value = value[0]
 
 def live_slider_intro():

docs/library/graphing/other-charts/pyplot.md

@@ -105,8 +105,8 @@ class PyplotState(rx.State):
         self.plot_data = tuple(np.random.rand(2, self.num_points) for _ in range(3))
         self.scale = [random.uniform(0, 100) for _ in range(self.num_points)]
 
-    def set_num_points(self, num_points: list[int]):
-        self.num_points = num_points[0]
+    def set_num_points(self, num_points: list[int | float]):
+        self.num_points = int(num_points[0])
         self.randomize()
 
     @rx.var

docs/library/layout/flex.md

@@ -156,6 +156,10 @@ affects the computed  sizes of the flex items based on the props that are set.
 class FlexGrowShrinkState(rx.State):
     width_pct: list[int] = [100]
 
+    @rx.event
+    def set_width_pct(self, value: list[int | float]):
+        self.width_pct = [int(value[0])]
+    
 
 def border_box(*children, **props):
     return rx.box(