fix stopwatch example

docs/examples/tutorial/stopwatch.py

@@ -2,16 +2,16 @@ from time import monotonic
 
 from textual.app import App, ComposeResult
 from textual.layout import Container
-from textual.reactive import Reactive
+from textual.reactive import reactive
 from textual.widgets import Button, Header, Footer, Static
 
 
 class TimeDisplay(Static):
     """A widget to display elapsed time."""
 
-    start_time = Reactive(monotonic)
-    time = Reactive.init(0.0)
-    total = Reactive(0.0)
+    start_time = reactive(monotonic)
+    time = reactive(0.0)
+    total = reactive(0.0)
 
     def on_mount(self) -> None:
         """Event handler called when widget is added to the app."""
@@ -71,18 +71,18 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [
+        ("d", "toggle_dark", "Toggle dark mode"),
+        ("a", "add_stopwatch", "Add"),
+        ("r", "remove_stopwatch", "Remove"),
+    ]
+
     def compose(self) -> ComposeResult:
         """Called to add widgets to the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch(), id="timers")
 
-    def on_load(self) -> None:
-        """Called when the app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-        self.bind("a", "add_stopwatch", description="Add")
-        self.bind("r", "remove_stopwatch", description="Remove")
-
     def action_add_stopwatch(self) -> None:
         """An action to add a timer."""
         new_stopwatch = Stopwatch()

docs/examples/tutorial/stopwatch01.py

@@ -5,15 +5,13 @@ from textual.widgets import Header, Footer
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Create child widgets for the app."""
         yield Header()
         yield Footer()
 
-    def on_load(self) -> None:
-        """Called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark

docs/examples/tutorial/stopwatch02.py

@@ -21,16 +21,14 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Create child widgets for the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch())
 
-    def on_load(self) -> None:
-        """Event handler called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark

docs/examples/tutorial/stopwatch03.py

@@ -21,16 +21,14 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Create child widgets for the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch())
 
-    def on_load(self) -> None:
-        """Called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark

docs/examples/tutorial/stopwatch04.py

@@ -28,16 +28,14 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Create child widgets for the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch())
 
-    def on_load(self) -> None:
-        """Called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark

docs/examples/tutorial/stopwatch05.py

@@ -2,15 +2,15 @@ from time import monotonic
 
 from textual.app import App, ComposeResult
 from textual.layout import Container
-from textual.reactive import Reactive
+from textual.reactive import reactive
 from textual.widgets import Button, Header, Footer, Static
 
 
 class TimeDisplay(Static):
     """A widget to display elapsed time."""
 
-    start_time = Reactive(monotonic)
-    time = Reactive.init(0.0)
+    start_time = reactive(monotonic)
+    time = reactive(0.0)
 
     def on_mount(self) -> None:
         """Event handler called when widget is added to the app."""
@@ -48,16 +48,14 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Create child widgets for the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch())
 
-    def on_load(self) -> None:
-        """Event handler called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark

docs/examples/tutorial/stopwatch06.py

@@ -2,16 +2,16 @@ from time import monotonic
 
 from textual.app import App, ComposeResult
 from textual.layout import Container
-from textual.reactive import Reactive
+from textual.reactive import reactive
 from textual.widgets import Button, Header, Footer, Static
 
 
 class TimeDisplay(Static):
     """A widget to display elapsed time."""
 
-    start_time = Reactive(monotonic)
-    time = Reactive.init(0.0)
-    total = Reactive(0.0)
+    start_time = reactive(monotonic)
+    time = reactive(0.0)
+    total = reactive(0.0)
 
     def on_mount(self) -> None:
         """Event handler called when widget is added to the app."""
@@ -71,16 +71,14 @@ class Stopwatch(Static):
 class StopwatchApp(App):
     """A Textual app to manage stopwatches."""
 
+    BINDINGS = [("d", "toggle_dark", "Toggle dark mode")]
+
     def compose(self) -> ComposeResult:
         """Called to add widgets to the app."""
         yield Header()
         yield Footer()
         yield Container(Stopwatch(), Stopwatch(), Stopwatch())
 
-    def on_load(self) -> None:
-        """Event handler called when app first loads."""
-        self.bind("d", "toggle_dark", description="Dark mode")
-
     def action_toggle_dark(self) -> None:
         """An action to toggle dark mode."""
         self.dark = not self.dark