examples: standardize stress tests and remove re-render buttons

Author: KevinVandy

examples/angular/basic-app-table/src/app/app.html

@@ -45,6 +45,4 @@
     </tfoot>
   </table>
   <div class="spacer-md"></div>
-  <button (click)="rerender()" class="demo-button">Rerender</button>
-  <span class="demo-note">Render count: {{ renderCount() }}</span>
 </div>

examples/angular/basic-app-table/src/app/app.ts

@@ -106,7 +106,6 @@ export class App {
   }
   // 6. Store data with a stable reference
   readonly data = signal<Array<Person>>([...defaultData])
-  readonly renderCount = signal(0)
 
   // 7. Create the table instance with the required columns and data.
   // Features and row models are already defined in the createTableHook call above
@@ -116,8 +115,4 @@ export class App {
     columns,
     data: this.data(),
   }))
-
-  rerender() {
-    this.renderCount.update((count) => count + 1)
-  }
 }

examples/angular/basic-external-atoms/src/app/app.html

@@ -1,7 +1,7 @@
 <div class="demo-root">
   <div>
     <button (click)="refreshData()" class="demo-button">Regenerate Data</button>
-    <button (click)="stressTest()" class="demo-button">Stress Test (200k rows)</button>
+    <button (click)="stressTest()" class="demo-button">Stress Test (1M rows)</button>
   </div>
   <div class="spacer-md"></div>
   <table>
@@ -97,7 +97,5 @@
     </select>
   </div>
   <div class="spacer-md"></div>
-  <button (click)="rerender()" class="demo-button">Rerender</button>
-  <span>Render count: {{ renderCount() }}</span>
   <pre>{{ stringifiedState() }}</pre>
 </div>

examples/angular/basic-external-atoms/src/app/app.ts

@@ -60,7 +60,6 @@ export class App {
   }
 
   readonly data = signal(makeData(1_000))
-  readonly renderCount = signal(0)
   readonly sortingAtom = createAtom<SortingState>([])
   readonly paginationAtom = createAtom<PaginationState>({
     pageIndex: 0,
@@ -84,13 +83,8 @@ export class App {
   }
 
   stressTest() {
-    this.data.set(makeData(200_000))
+    this.data.set(makeData(1_000_000))
   }
-
-  rerender() {
-    this.renderCount.update((count) => count + 1)
-  }
-
   onPageInputChange(event: Event) {
     const input = event.target as HTMLInputElement
     const page = input.value ? Number(input.value) - 1 : 0

examples/angular/basic-external-state/src/app/app.html

@@ -1,7 +1,7 @@
 <div class="demo-root">
   <div>
     <button (click)="refreshData()" class="demo-button">Regenerate Data</button>
-    <button (click)="stressTest()" class="demo-button">Stress Test (200k rows)</button>
+    <button (click)="stressTest()" class="demo-button">Stress Test (1M rows)</button>
   </div>
   <div class="spacer-md"></div>
   <table>
@@ -100,7 +100,5 @@
     </select>
   </div>
   <div class="spacer-md"></div>
-  <button (click)="rerender()" class="demo-button">Rerender</button>
-  <span>Render count: {{ renderCount() }}</span>
   <pre>{{ stringifiedState() }}</pre>
 </div>

examples/angular/basic-external-state/src/app/app.ts

@@ -67,7 +67,6 @@ export class App {
   readonly data = signal(makeData(1_000))
   readonly sorting = signal<SortingState>([])
   readonly pagination = signal<PaginationState>({ pageIndex: 0, pageSize: 10 })
-  readonly renderCount = signal(0)
 
   readonly table = injectTable(() => ({
     key: 'basic-external-state', // needed for devtools
@@ -100,13 +99,8 @@ export class App {
   }
 
   stressTest() {
-    this.data.set(makeData(200_000))
+    this.data.set(makeData(1_000_000))
   }
-
-  rerender() {
-    this.renderCount.update((count) => count + 1)
-  }
-
   onPageInputChange(event: Event) {
     const input = event.target as HTMLInputElement
     const page = input.value ? Number(input.value) - 1 : 0

examples/angular/basic-inject-table/src/app/app.html

@@ -45,6 +45,4 @@
     </tfoot>
   </table>
   <div class="spacer-md"></div>
-  <button (click)="rerender()" class="demo-button">Rerender</button>
-  <span class="demo-note">Render count: {{ renderCount() }}</span>
 </div>

examples/angular/basic-inject-table/src/app/app.ts

@@ -103,7 +103,6 @@ export class App {
   }
   // 5. Store data with a stable reference
   readonly data = signal<Array<Person>>([...defaultData])
-  readonly renderCount = signal(0)
 
   // 6. Create the table instance with required features, columns, and data
   readonly table = injectTable(() => ({
@@ -113,8 +112,4 @@ export class App {
     columns,
     data: this.data(),
   }))
-
-  rerender() {
-    this.renderCount.update((count) => count + 1)
-  }
 }

examples/angular/column-groups/src/app/app.html

@@ -48,5 +48,4 @@
     </tfoot>
   </table>
   <div class="spacer-md"></div>
-  <button class="demo-button" (click)="rerender()">Rerender</button>
 </div>

examples/angular/column-groups/src/app/app.ts

@@ -80,5 +80,4 @@ export class App {
 
   refreshData = () => this.data.set(makeData(20))
   stressTest = () => this.data.set(makeData(1_000))
-  rerender = () => this.data.update((data) => [...data])
 }