应用介绍
想做个小工具,却不想专门写一个 HTML 页面?Text.js 是个 React 框架,让应用直接渲染在浏览器控制台里:界面用 Box 和 Text 拼,useInput 接上下键就能改状态,打开 DevTools 就能操作。
每一帧先用 Yoga 排版,再压成 %c 样式段,一条 console.log 输出整帧;没有变化的帧干脆不输出。需要 Bun 1.2+ 或 Node.js 22+,桌面版 Chrome、Edge、Firefox、Safari 都能用。MIT 许可。
用 React 写界面:沿用组件和 Hook,布局用 Box、Text 拼出来。
键盘交互:useInput 接收按键,改状态界面就跟着重绘。
省输出:格子没变化的帧不发送,控制台不会被刷满。
一条命令起步:bunx create-text-app@latest 创建项目,bun dev 就能在 localhost:3000 打开。
在线试玩:官网提供 Playground,不装也能试。
每一帧先用 Yoga 排版,再压成 %c 样式段,一条 console.log 输出整帧;没有变化的帧干脆不输出。需要 Bun 1.2+ 或 Node.js 22+,桌面版 Chrome、Edge、Firefox、Safari 都能用。MIT 许可。
软件功能
用 React 写界面:沿用组件和 Hook,布局用 Box、Text 拼出来。
键盘交互:useInput 接收按键,改状态界面就跟着重绘。
省输出:格子没变化的帧不发送,控制台不会被刷满。
一条命令起步:bunx create-text-app@latest 创建项目,bun dev 就能在 localhost:3000 打开。
在线试玩:官网提供 Playground,不装也能试。

