tf_react_visualization React可视化调试框架
React 项目的可视化调试利器，tf_react_visualization真挺实用的。它自带脚手架支持，直接yarn start就能跑起来，热更新、生 lint 报错提示啥的都有，省心多了。
项目目录结构比较清爽，src里直接上手改逻辑就行，保存后浏览器自动刷新，调试体验挺顺滑的。想跑测试？一个yarn test就好，支持交互式监控，边改边测不怕手抖。
打包这块也不用操心，yarn build能打出压缩优化后的文件，连hash都给你带好了，部署直接丢上服务器就行。适合想快速出原型或者需要前端可视化的小工具开发。
如果你有定制化构建需求，还可以用yarn eject暴露全部配置，但注意啊，这操作不可逆，一旦 eject 就不能回头了，最好想清楚再搞。
配套的生态也挺全，下面这些文章值得一看：
- React + Webpack + Babel 教程
- Webpack、ESLint 和 React 的样板配置
- react-ts-template：React + TS + prettier + webpack5
如果你平时用 React 做数据展示、组件原型或 debug demo，这套配置真的是省事又顺手，建议收藏起来。
文件大小：473.13KB
评论区