rte
Deterministic React rendering in the terminal
rte — live demo
$rte dev examples/counter.tsx
React Terminal Engine - Debug Mode
Frames: 24 | Components: 4 | State: 2 | Deterministic: ✓
┌─ Counter ───────────────────────
│
│ Count: 0
│
│ [+] [-]
└──────────────────────────────
$rte replay session.json --step 12
▶ Replaying frame 12/50 | Hash: a8f3c291d2e4
State: { count: 5 } | Render time: 8ms
$rte benchmark --scenario stress
✓ Render: 21ms avg | FPS: 48.2 | Memory: 11MB
✓ All thresholds passed
$
Live Output
rte — terminal
✓ Frame 1
Counter rendered (12ms)
✓ Frame 2
State updated: count=1
✓ Diff computed
2 cells changed (1.2ms)
✓ Replay step
14 / 50 frames
✓ Deterministic hash
a8f3c291d2e4...
✓ Session saved
session-2024.json (2.4KB)
✓ Benchmark
FPS: 48.2 | Memory: 11MB
✓ Causality
State → Render (verified)
✓ All tests
passed (3.2s)
$
Features
Deterministic Rendering
Same input always produces same output
Time Travel Replay
Walk through render history frame-by-frame
CLI Diff Engine
Compare sessions and find divergence
Performance Benchmarking
Measure render times, FPS, memory
Frame-based Execution
Capture every render state as snapshots
Causality Tracking
Track cause and effect of state changes
Install in 5 seconds
$
npm install -g @codeteck/rte
copy
or run directly: npm exec @codeteck/rte -- rte dev