update all the examples and fix all the examples

kealjones-wk · kealjones-wk · commit f7d36267bc0c · 2025-03-26T11:00:01.000-07:00
diff --git a/example/geocodes/geocodes.html b/example/geocodes/geocodes.html
@@ -32,9 +32,8 @@
     <div class="container" id="content"></div>
 
     <!-- Load React, your application code and Dart -->
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="geocodes.dart.js"></script>
-    
+
   </body>
 </html>
diff --git a/example/js_components/index.html b/example/js_components/index.html
@@ -16,8 +16,7 @@
 
     <div id="content"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script src="https://unpkg.com/@material-ui/core/umd/material-ui.development.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
diff --git a/example/suspense/index.html b/example/suspense/index.html
@@ -16,8 +16,7 @@
 
     <div id="content"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
 
     <!-- Where the JS React components are declared. -->
     <script defer src="suspense.dart.js"></script>
diff --git a/example/test/call_and_nosuchmethod_test.html b/example/test/call_and_nosuchmethod_test.html
@@ -12,10 +12,9 @@
   <body>
     <div id="content" class="container"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="call_and_nosuchmethod_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
diff --git a/example/test/context_test.html b/example/test/context_test.html
@@ -10,8 +10,7 @@
   </head>
   <body>
     <div id="content" class="container"></div>
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script src="context_test.dart.js"></script>
   </body>
 </html>
diff --git a/example/test/error_boundary_test.html b/example/test/error_boundary_test.html
@@ -10,8 +10,7 @@
   </head>
   <body>
     <div id="content" class="container"></div>
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script src="error_boundary_test.dart.js"></script>
   </body>
 </html>
diff --git a/example/test/false_and_null_test.html b/example/test/false_and_null_test.html
@@ -10,8 +10,7 @@
   </head>
   <body>
     <div id="content" class="container"></div>
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script type="application/dart" src="false_and_null_test.dart"></script>
     <script src="packages/browser/dart.js"></script>
   </body>
diff --git a/example/test/function_component_test.html b/example/test/function_component_test.html
@@ -10,8 +10,7 @@
   </head>
   <body>
     <div id="content" class="container"></div>
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script src="function_component_test.dart.js"></script>
   </body>
 </html>
diff --git a/example/test/get_dom_node_test.html b/example/test/get_dom_node_test.html
@@ -12,10 +12,9 @@
   <body>
     <div id="content" class="container"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="get_dom_node_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
diff --git a/example/test/order_test.html b/example/test/order_test.html
@@ -12,10 +12,9 @@
   <body>
     <div id="content" class="container"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="order_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
diff --git a/example/test/react_test.html b/example/test/react_test.html
@@ -17,10 +17,9 @@
   <body>
       <!--  Generated by react_server_test.dart to check if react "infect" DOM by it's own syntetic DOM. -->
     <div id="content" class="container"><div data-reactid=".r[1xv2o]" data-react-checksum="-1756372316"><div data-reactid=".r[1xv2o].0"><input value="World" data-reactid=".r[1xv2o].0.0"><span data-reactid=".r[1xv2o].0.1"><span data-reactid=".r[1xv2o].0.1.0">Hello World!</span></span></div><div data-reactid=".r[1xv2o].1"><button data-reactid=".r[1xv2o].1.0">addItem</button><ul data-reactid=".r[1xv2o].1.1"><li data-reactid=".r[1xv2o].1.1.$0">0</li><li data-reactid=".r[1xv2o].1.1.$1">1</li><li data-reactid=".r[1xv2o].1.1.$2">2</li><li data-reactid=".r[1xv2o].1.1.$3">3</li></ul></div><div data-reactid=".r[1xv2o].2"><label class="not-striked" data-reactid=".r[1xv2o].2.0">do the dishes</label><input type="checkbox" value="false" data-reactid=".r[1xv2o].2.1"></div></div>
-</div>
+    </div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="react_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
 
diff --git a/example/test/react_test_components.dart b/example/test/react_test_components.dart
@@ -327,8 +327,8 @@ class _NewContextProviderComponent extends react.Component2 {
 
     final newContextRefComponentProps = {
       'key': 'ref2',
-      'ref': (ref) {
-        componentRef = ref as _NewContextRefComponent;
+      'ref': (_NewContextRefComponent? ref) {
+        componentRef = ref;
       }
     };
 
@@ -442,9 +442,9 @@ class _Component2TestComponent extends react.Component2 with react.TypedSnapshot
   @override
   getSnapshotBeforeUpdate(nextProps, prevState) {
     if ((prevState['items'] as List).length > (state['items'] as List).length) {
-      return 'removed ' + (prevState['items'].last as List).toString();
+      return 'removed ' + prevState['items'].last.toString();
     } else {
-      return 'added ' + (state['items'].last as List).toString();
+      return 'added ' + state['items'].last.toString();
     }
   }
 
diff --git a/example/test/ref_test.html b/example/test/ref_test.html
@@ -12,10 +12,9 @@
   <body>
     <div id="content" class="container"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="ref_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
diff --git a/example/test/speed_test.html b/example/test/speed_test.html
@@ -12,10 +12,9 @@
   <body>
     <div id="content" class="container"></div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="speed_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
diff --git a/example/test/unmount_test.html b/example/test/unmount_test.html
@@ -19,10 +19,9 @@
       <div id="content"></div>
     </div>
 
-    <script src="packages/react/react.js"></script>
-    <script src="packages/react/react_dom.js"></script>
+    <script src="packages/react/js/react.dev.js"></script>
     <script defer src="unmount_test.dart.js"></script>
     <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
-    
+
   </body>
 </html>
