interview sandbox
从一道 React 流式输出题开始,一步步扩展出 Source、Buffer、Pacing、Archive 和 Renderer 的边界。最后不是手写渲染系统,而是自然引出 Streamdown。
current step
如果面试官只问“怎么接 LLM stream”,这个版本可以交差；如果继续问“上游一快会怎样”,它就露出问题。
突发快流 · streaming
这一步修改
ReadableStream / WebSocket / mock source 每来一个 chunk,直接把 chunk 拼进 React state。
解决了
还没解决
function useNaiveStream(source) {
const [text, setText] = useState('')
useEffect(() => {
return source.onChunk((chunk) => {
setText((current) => current + chunk)
})
}, [source])
return text
}