Published on npm · MIT
renderstate
A screen should be inspectable in every meaningful state before the whole app can run.
해결한 문제
React screens hide their important states behind routers, backends, accounts, and setup that make visual review slow and incomplete.
구축 내용
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.
검증 결과
Version 0.1.2 is published on npm with multi-viewport capture and a static board viewer.
학습한 점
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.
기술 스택
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
관련 링크
Render the state before the app learns how to hide it.