前端
尽可能将状态封装在组件中
Encapsulate as much state as possible in your component
这篇文章解释我们除了正常的通过外部给组件传递组件状态之外，也应该尽可能在组件内部自己处理状态，比如 Button 的移步事件、搜索下拉框的异步模糊查询。非常适合初级经验的朋友学习。
可视化探索 RSC 的原理
Dan 开发了一个工具 RSC Explorer 帮助可视化的理解 RSC 的原理。他还内置了 CVE-2025-55182 example 这个故障时怎么执行的。
当然还包括分页、表单、错误处理等等。
你可能不知道Chrome开发者工具的六大妙用
分为了两部分内容
包含：
- console.time
- DOM 元素断点
- monitor: 为任何函数添加监听器
- 开启任何网站所见即所得编辑
- 记录并重放任何用户操作
- 仅限制特定的网络请求
JS解谜
A Perplexing Javascript Parsing Puzzle
你猜猜看下面这段 JS 代码会输出啥？
x
= 1
x
--> 0
15 个 Nodejs 的功能可以直接替代 npm 包
15 Recent Node.js Features that Replace Popular npm Packages
- 全局
fetch() - 全局
WebSocket node:testnode:sqliteutil.styleText()util.stripVTControlCharacters()fs.glob()fs.rm({ recursive: true })fs.mkdir({ recursive: true })crypto.randomUUID()Buffer,atob,btoaURLPattern--env-fileflag- EventTarget
- 试验性 TypeScript 支持
工具
Node Modules Inspector
一个分析 Node Modules、检查依赖的工具，你可以直接在线检查某个包。
React Scan
React Scan 通过自动检测和突出显示导致性能问题的渲染来帮助您识别这些问题。现在，您无需猜测，而是可以准确地看到需要修复哪些组件。 这里还有一个视频 Fix Your Slow React App With React-Scan
AI
4.5 小时内使用 Codex CLI 和 GPT-5.2 将 JustHTML 从 Python 移植到 JavaScript
I ported JustHTML from Python to JavaScript with Codex CLI and GPT-5.2 in 4.5 hours
Simon Willison 的 Vibe Coding 实践，4.5 小时，仅仅 8 次输入 prompt，期间还可以自由活动。
- 现在前沿的大模型确实可以通过数百次工具调用和最少的监督来执行复杂的、耗时数小时的任务。
- 将问题简化为测试套件，面向测试用例循环编程
Figma MCP VS Claude 截图效果对比
Youtube: Figma MCP vs Claude: UI Building Battle!
直接输入截图能生成简洁的 Tailwind 代码，但对输入框和布局的理解存在偏差。 通过 MCP 接口连接 Figma 桌面应用，AI 能获取更精确的图层数据。
Claude Code Plugins Directory
Claude Code 官方插件目录，有非常多的好东西，比如 Ralph Wiggum Plugin ，可以让 Claude Code 一直循环运行直到任务完成。
Steam, Steel, and Infinite Minds
Steam, Steel, and Infinite Minds
Notion CEO 写的文章，类比蒸汽机， AI 现在可能还处于水车阶段，但是发展非常迅猛。一旦发展成了蒸汽机，世界又会有非常多的变化。