Loading video...
Video Failed to Load
npm install stats.js react-scan 神器中的神器:助力你写出世界级的前端代码。不安装这个,我永远不知道我写的网页这么垃圾。它可以实时、准确反映每个组件的重绘情况,发现某些冗余、臃肿代码导致的无意义重绘。视频看到最后:👉它还有一个警告面板,可以直接复制提示词,交给AI去优化性能。
123,950 views • 10 months ago •via X (Twitter)
36 Comments

开发者新写的 react-grab 也很牛逼

牛逼,好用

刚把 react-scan 装到公司主项目里,5分钟就揪出3个“祖宗级”无意义重渲染,直接省了之前半天打日志的时间。结尾那句“复制给AI”太坏了,我已经连用了5次,Claude改得比自己想得还狠,强推!

爽

你们都是咋发现这些项目的呀 我每次一下班,就感觉自己又落后了一个时代

这是 React 垃圾,不是开发者垃圾

这东西好,AI给我写了个输入框,输入一个字符就全局重绘一次,我以为我电脑卡住了😂

@langzihan 对,我刚开始开发出的网站,一打开风扇就转,哈哈

其实react devtools也有这个功能。

想问下, 这个什么浏览器

arc

谢谢,我也去下载

前端包管理器可以试试 bun 了,刚被 Anthropic 收购了

不用 react 就不用吃这个苦

大佬好东西就是多!

这个真的好用,性能优化神器

这个好,确实牛,明天试试🫡

主要还是React垃圾

都是前端的性能优化工具

这个还真不错,前端性能优化必备

赶紧试用。效果好,必须分享给我的小伙伴。

很酷的工具

好东西 有没有vue的

非常感谢,刚刚试了一下,大家可以把声音提示(alerts)打开,听到声音就把警告面板的 prompt 复制到 cursor 帮忙解决问题,快狠准

蹲个vue版本的

非常感谢,这个太牛了,正好性能存在问题,这个优化好

厉害了

@readwise save thread

这个咋安装😂

可以可以 有时候代码贼卡都不知道咋入手

牛 这个容易分析性能阻塞了

@readwise save thread

好东西,像我这种前端新人太需要性能优化工具了。。。

react devtools不是一直都有这个功能吗?只是没它炫酷

@grok 这是什么

@readwise save thread
