📊 Big Data - Performance with 10,000+ Items

Test SignalForge performance with thousands of signals

📚 What You'll Learn

✓Handle 10,000+ signals with excellent performance
✓Measure update and render performance
✓Optimize bulk operations with batching
✓Understand SignalForge's performance characteristics

🎮 Try It: Stress Test Performance

Create thousands of signals and watch update times stay fast!

Active Signals

0.00ms

Last Operation

Updates Performed

Number of Signals: 1,000

⚡ Performance Tips

SignalForge can handle 10,000+ signals efficiently
Use batch() to group multiple updates
Computed signals only re-run when dependencies change
Virtual scrolling recommended for large lists in production

import { createSignal, batch } from 'signalforge/core';

// Create thousands of signals
const signals = Array.from({ length: 10000 }, () => 
  createSignal(Math.random() * 100)
);

// Update efficiently with batch
batch(() => {
  signals.forEach(signal => {
    signal.set(signal.get() + 1);
  });
}); // Only triggers one re-render!

💡 Performance Best Practices

⚡

Use batch() for bulk updates

Group multiple signal updates to trigger only one re-render.

🎯

Virtual scrolling for large lists

Only render visible items, not all 10,000 at once.

🧮

Computed signals are memoized

They only recalculate when dependencies change.

📊

Profile with DevTools

Use React DevTools Profiler to measure performance.

🎓 Next Steps

Master performance? Try these optimization demos:

Batch Updates →Untrack Optimization →DevTools →