写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的原创文章，来自与我们操作层软件同一套工程实践。正文为英文。
标签：JavaScript
使用Express和Babel对React 18应用进行服务器端渲染。
将Create React App项目转换为使用Express和Babel的服务器端渲染：renderToString、hydrateRoot、MemoryRouter，以及Remix和Gatsby实现SSR的方式。
阅读约 7 分钟八种无需重写代码即可减少80%重新渲染次数的React渲染优化方法。
先优化组件结构，再运用memo、useMemo、useCallback、过渡动画、列表虚拟化、代码分割以及精简选择器，以此提升大型React仪表板的运行速度。
阅读约 5 分钟浏览器存储如何悄悄破坏用户数据以及如何防止这种情况
浏览器存储可能会在无错误提示的情况下损坏用户数据：更新丢失、快照过时、架构变化以及设备共享问题。能够保持稳定的localStorage使用模式。
阅读约 14 分钟WebMCP详解：为浏览器中的AI智能体提供工具，而非依赖猜测。
WebMCP使网页能够为浏览器中的AI智能体提供实用工具：包括如何注册这些智能体、标注风险、在Chrome中进行测试、处理安全问题，以及2026年时可获取支持的渠道。
阅读约 11 分钟React依然占据优势，但JavaScript的开发方式正在发生变化。
React在使用率上仍居首位，不过如今围绕它的解决方案已涵盖TypeScript、服务端渲染、构建工具、性能优化以及人工智能技术。以下是接下来值得学习的方向。
阅读约 8 分钟React 19中的Actions实际应用：useActionState、use()函数以及编译器的相关废弃内容。
React 19中的actions功能让许多代码不再需要：表单处理函数、乐观更新、forwardRef以及手动记忆化。useActionState、use()以及编译器的相关改动也因此失去了用处。
阅读约 6 分钟React中的D3.js：数据绑定、SVG以及useEffect的所属规则
了解D3的真正含义、如何实现绑定元素的添加/更新/移除、为何SVG适合用于D3、以及如何划分DOM控制权，以便在折线图中让D3与React协同工作。
阅读约 7 分钟闭包、私有变量与#：在TypeScript和JavaScript中各自的保护作用
TypeScript中的private属性是在编译时进行检查的，而哈希字段则在运行时得到强制约束，闭包则会捕获词法作用域。下面分别介绍它们的功能。
阅读约 7 分钟为何人工智能开发的应用程序仍倾向于使用JavaScript
如此多的人工智能开发的应用最终都采用JavaScript实现。这反映了训练数据与反馈机制的情况，以及“氛围编码”是否会一直与网页技术栈绑定在一起。
阅读约 2 分钟