Loading video...

Video Failed to Load

Go Home

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

123,950 views • 10 months ago •via X (Twitter)

36 Comments

Yuhang's profile picture
Yuhang10 months ago

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

赵纯想's profile picture
赵纯想10 months ago

牛逼,好用

北辰溯兴|conrad's profile picture
北辰溯兴|conrad10 months ago

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

赵纯想's profile picture
赵纯想10 months ago

爽

一个黄桃's profile picture
一个黄桃10 months ago

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

lizyChy0329's profile picture
lizyChy032910 months ago

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

Kg's profile picture
Kg10 months ago

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

赵纯想's profile picture
赵纯想10 months ago

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

Arrow's profile picture
Arrow10 months ago

其实react devtools也有这个功能。

livid's profile picture
livid10 months ago

想问下, 这个什么浏览器

赵纯想's profile picture
赵纯想10 months ago

arc

livid's profile picture
livid10 months ago

谢谢,我也去下载

青雲's profile picture
青雲10 months ago

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

Deniffer's profile picture
Deniffer10 months ago

不用 react 就不用吃这个苦

行者老孙🚀's profile picture
行者老孙🚀10 months ago

大佬好东西就是多!

rabithua's profile picture
rabithua10 months ago

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

Ruguo's profile picture
Ruguo10 months ago

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

Xavier Liao's profile picture
Xavier Liao10 months ago

主要还是React垃圾

林克 Link's profile picture
林克 Link10 months ago

都是前端的性能优化工具

西蒙's profile picture
西蒙10 months ago

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

VerySmallWoods's profile picture
VerySmallWoods10 months ago

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

booob's profile picture
booob10 months ago

很酷的工具

舒楠's profile picture
舒楠10 months ago

好东西 有没有vue的

Wendell会Ai么's profile picture
Wendell会Ai么10 months ago

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

Victor Xie's profile picture
Victor Xie10 months ago

蹲个vue版本的

thu's profile picture
thu10 months ago

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

tony4927's profile picture
tony492710 months ago

厉害了

gotoday's profile picture
gotoday10 months ago

@readwise save thread

小丰's profile picture
小丰10 months ago

这个咋安装😂

一个黄桃's profile picture
一个黄桃10 months ago

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

Yangyi's profile picture
Yangyi10 months ago

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

OSDev's profile picture
OSDev10 months ago

@readwise save thread

YC (Yucheng)'s profile picture
YC (Yucheng)10 months ago

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

chuang's profile picture
chuang10 months ago

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

gotoday's profile picture
gotoday10 months ago

@grok 这是什么

Kittors Yuan's profile picture
Kittors Yuan10 months ago

@readwise save thread

Related Videos

Linus Torvalds 发飙了。 他在开源峰会上公开吐槽,每次听到有人吹嘘“现在 99% 的代码都是 AI 写的”,他就忍不住生气。 为什么? 因为按这个逻辑,这些家伙 100% 的代码其实都是“编译器”生成的。 但他们怎么从来不这么说? 其实是一个道理。 老爷子在台上开始唠家常: “我是写机器码长大的。” 注意,不是汇编语言,是真正的数字。 他到现在都记得,在 6502 芯片上,LDA 指令对应的十六进制是 A9。 当年他花了好长时间才意识到,天天人肉算跳转偏移量,简直蠢透了。 后来,人类发明了汇编器; 再后来,有了编译器; 现在,有了 AI。 这些工具都很好用,AI 正在改变编程,但它绝没有改变编程的根本。 至于 AI 带来的“效率神话”? Linus 给出对比: “AI 很棒,它能把你的生产力提升 10 倍。” “但当年编译器的出现,把人类的生产力提升了 1000 倍!” 所以,这不过是又一次常规的工具演进。 事情的本质从未改变: 以前,优秀的开发者写出好代码,差劲的开发者写出 Bug。 现在,懂系统的人能用 Prompt 调教 AI 写出好代码; 而不懂系统复杂度的人,用 AI 攒出来的代码,最后一定会崩溃。 现在科技圈很流行“氛围编码”(Vibe Coding)。 就是用 AI 啪啪生成一个一次性项目,爽一把就扔。 Linus 说,这种玩具项目,AI 的确是神器。 但如果你想做点严肃的东西,做一个需要长线维护 35 年的系统(比如 Linux)。 你得懂你的 Prompt。 你必须看懂 AI 吐出来的每一行代码,甚至去盯它最底层的汇编结果。 祖师爷浇了盆冷水: AI 可以替你省去体力劳动。 但如果你连它写了什么都看不懂,那你永远只是在制造一次性垃圾。

墓碑科技

68,518 views • 3 months ago

最近国内几个模型大厂好像摊上事了? 也不知道真事假事,还是那个姓A的在碰瓷挑事! 吃瓜的时候,突然刷到一个新模型! 乍一看Atria ASI,差点看成了是Astra,真的很像, 模型代号叫 Atria Dawn Preview! 据说背后约三分之二的研发成员还是高校在校学生!! 我是真想知道这群学生能把模型做成什么样? 所以,找了很久才找到了API,接入下来测试了一下, 我用它一句话做个 3D 家装工作台,最后出来的效果居然还可以!! 能画户型、拖家具、改尺寸、保存项目、导出截图、还能自由拖放布置家具, 其实这个任务倒是不难,主要我一句话说的很笼统, 需要它能够理解我的意图,并且准确规划,将这个工作台做的尽可能完善。 但其实,写代码还并不是这个模型的主要能力。 它的定位,是面向科研和专业工作的智能体模型,擅长把一个复杂任务继续往前推进,最终变成可运行、可检查、可使用的成果。 比如从一个问题、一份数据、一段代码或者一篇论文出发,它可以继续完成资料检索、代码实现、实验执行和反馈修正,最后交付研究报告、软件系统、文档表格、演示文稿、三维设计等等。 可以用来做科研、写报告、写代码、画CAD!! 不知道这个API能用多久,后面我可以再测试一下不同的场景。 有兴趣可以持续关注一下!

沐阳

37,855 views • 24 days ago

OpenAI刚刚开源的这个东西,感觉要把程序员的工作方式给整个改写了。 现在大家都在卷模型写代码有多强,但其实真正的瓶颈早就不是生成了。 一个人每天最多同时有效监督3-5个编码Agent,再多就会注意力崩溃,生产力直接归零。 有了Symphony,直接把这个上限干到了几十个。 它把你的Linear、GitHub Issues直接变成了永远在线的Agent调度器。 你开一个任务,它自动启动一个独立隔离的Codex Agent。 自己写代码,自己跑测试,自己做交叉Review,damn! 全部搞定之后,会给你提交一个完整的证据包。 CI全绿,安全和性能专项审查通过,改了UI就自动录好操作视频。 所有验证全过了,才会出现在你的Human Review队列里。 以后人类的角色可能会被彻底颠覆了。 以前你是监工,盯着Agent一步一步写代码,上下文切到吐。 现在你是老板,只需要看最终的结果。 满意就点合并,不满意就去仓库里补规则补文档补Guardrails。 记住兄弟们,永远不要手把手指挥Agent,永远不要替它干活。 这可不是啥实验室概念,OpenAI自己已经这么干了。 三个工程师,五个月,写了一百万行代码,0行人工写的。 产品已经有几百个内部用户,每天都在迭代。 我觉得他们最厉害的不是模型,是他们把整个仓库变成了Agent能看懂能自主工作的乐园。 现在很多人都搞错了Agent时代的核心竞争力。未来不是谁的模型更聪明,而是看谁能设计出让Agent可靠自主工作的环境。 我觉得未来最好的工程师,再也不是写代码最快的人,而是那些最会写规则,最会设计反馈回路,最会给Agent搭舞台的人。 现在Symphony已经开源了,它甚至不是一个成品。 是一个17k token的完整SPEC。 你把这个SPEC喂给任何一个编码Agent,十分钟就能生成你自己定制版的Symphony。 GitHub地址评论区自取👇

AYi

63,210 views • 5 months ago

这两天看到我一直很喜欢的设计师阿哲 阿哲Phil 的个人网站,我挺喜欢他个人主页的那个风格。 看着看着突然冒出一个念头: 这种个人审美很强的网站,模型光看录屏,能不能做出来? 于是我顺手录了 10 秒左右,从页面上划过去,直接把视频丢给 Ling-3.0-flash-VL,让它照着做一版。 没给源码,也没拆页面,更没写一大段提示词。输入就那段录屏,加上一句很简单的需求。其实扔进去的时候,我没抱多大期待。视频一晃就过去了,有些细节让我自己暂停看,也未必记得住。 Ling-3.0-flash-VL 是百灵在 Ling-3.0-flash 上加了视觉理解和 visual agent 的版本。官方提到的能力挺多,视觉感知、STEM、文档、前端编码、医疗报告都在里面。我这次没全测,就看一件事:它能不能看完一段网站录屏,真把页面做出来。 结果打开以后,我确实愣了一下。 按肉眼看,和阿哲的原版大概有七成像。大的版式、配色和页面感觉都抓到了,生成出来的也不只是一个摆着看的空壳。按钮能点,交互能跑,放进浏览器里,已经像个可以接着改的半成品。 当然,剩下那三成也挺明显。风格不够细腻,字体没那么贴,交互还是有点僵,一些细节只学到了大概。把两个页面并排放在一起,差距还是能看出来。要我直接拿去上线,我肯定不会;拿它当第一版,我觉得够了。 以前脑子里有个页面的样子,最麻烦的是说不清。你跟开发说想要“有点设计感”“交互顺一点”,讲了半天,对方可能还是不知道你想要什么。自己不会写代码的话,很多想法就一直停在收藏夹里。 现在简单多了。先找一个接近自己想法的网站,录一小段,让模型搭出来。哪里不对,直接看着页面改。它没有把阿哲的网站原样搬过来,但它把一张白纸直接做到了七成。 所以这次测完,我还挺愿意安利 Ling-3.0-flash-VL。离专业前端当然还有距离,但对没代码基础、想做个人网站或者产品 Demo 的人来说,先把第一版弄出来,已经能省不少事了。 感兴趣的都可以去试一试:

阿川 | AI thinking

37,782 views • 25 days ago

埃隆·马斯克断言: 编码将在今年彻底死亡。不是“进化”。是死亡。 到今年12月,AI 将不再需要任何编程语言。它直接吐出机器码——那种二进制优化程度,远超人类逻辑所能触及的极限,没有翻译层,没有编译步骤,只有纯粹的、赤裸的执行。 马斯克原话:“你甚至都不用再费心去写代码。”代码从来就不是目的。它只是摩擦,是我们被迫支付的“人类税”——因为机器不懂人话。现在,AI 已经学会了流利的人类语言,这笔税,彻底取消了。再把这一切接入 Neuralink:没有语法,没有键盘,没有屏幕。 马斯克:“从想象直接到软件。”一个念头,就能变成可执行代码。你脑海中浮现一个结果,系统瞬间为你架构、优化、编译成现实。我们不是在“自动化编程”。我们是在把编程这个概念从宇宙中抹除。整个职业瞬间坍塌成一个念头。几十年的训练、无数行代码、无数个通宵——瞬间变得毫无意义。从“idea”到“成品”的距离,归零。你不再“构建”。你只需“想象”,它就具现。这不是渐进式进步。这是彻底的相变。人类一万年来“创造”的方式,在这一刻过时了。欢迎来到新世界。在这里,限制你的不再是技能、资源、时间…… 而是你能不能足够清晰地“看见”你想要的东西——然后让机器把它生出来。 我认为事情实际上可能会在今年年底之前就发生转变,到时候你甚至都不用再费心去写代码了。AI 会直接生成二进制代码,而且它生成的二进制会比任何现有编译器优化得更高效。所以你只需要说:“针对这个特定结果,生成最优化的二进制代码。”——这样就直接绕过了传统编码流程。 没错,这其实只是一个中间步骤,但我估计到今年年底,这个步骤很可能就彻底不需要了。

🌹MIDNIGHT🌹ROSE🌹

99,266 views • 7 months ago