Published on npm · MIT
renderstate
A screen should be inspectable in every meaningful state before the whole app can run.
The problem
React screens hide their important states behind routers, backends, accounts, and setup that make visual review slow and incomplete.
What I built
A deterministic UI-state renderer that discovers React screen components, reads their TypeScript prop contracts, derives strong state combinations, renders each in isolation, and emits screenshots plus a neutral manifest.
Proof
Version 0.1.2 is published on npm with multi-viewport capture and a static board viewer.
What I learned
The manifest is the durable product. A viewer, test runner, or publisher can remain a replaceable consumer.
Building deterministic developer tooling around TypeScript analysis, browsers, and visual artifacts.
Stack
TypeScript · React · Vite · Playwright
- determinism
- Frozen Clock · Fixed Viewports · Seeded Values
- output
- Manifest · PNG Frames · Static Board
- stack
- TypeScript · React · Vite · Playwright
- status
- npm · 0.1.2 · MIT
Links
Render the state before the app learns how to hide it.