React 19.3：新增了browser() API，使得仅限客户端进行的渲染功能得以得到更好的支持
React 19.3于9月9日正式发布，其中包含多项新功能，其中包括`react-dom.browser()` API。这一API允许组件选择不使用服务器端渲染机制，从而有效解决那些依赖客户端特定数据的组件的问题。它为处理数据加载不一致的情况提供了更简洁的解决方案，同时还支持条件性数据获取功能，这些特性大大提升了开发者的灵活性。 作者：Daniel Curtis
React 19.3于9月9日正式发布，其中包含多项新功能，其中包括`react-dom.browser()` API。这一API允许组件选择不使用服务器端渲染机制，从而有效解决那些依赖客户端特定数据的组件的问题。它为处理数据加载不一致的情况提供了更简洁的解决方案，同时还支持条件性数据获取功能，这些特性大大提升了开发者的灵活性。
作者：Daniel Curtis相关文章
Cloudflare Traces将代理层转换为OpenTelemetry Span格式，并推出了基于使用量的新计价模式。
Cloudflare已将“Traces”功能推入公开测试阶段，这一功能将自动追踪的功能扩展到了Workers、安全规则、数据转换、缓存处理、路由机制以及源服务器管理等领域，并且这些追踪数据都符合OpenTelemetry的标准。Traces功能能够接收并转发W3C规定的traceparent头部信息，而“Trace Rules”则允许用户进行有针对性的数据采样。从12月1日起，Cloudflare的收费方式将改为根据数据摄入量及存储容量来收取费用。 作者：Steef-Jan Wiggers
阅读全文
如何在不编写Recharts样板代码的情况下，将shadcn图表添加到Next.js应用程序中
在任务列表中，创建图表似乎是一项简单的任务。但当你打开 Recharts 的文档后，就会发现其实每个图表的设置都需要耗费不少精力：需要为标签和颜色配置相应的对象、设置坐标轴、添加工具提示、设计图例、选择适合深色模式的配色方案，还要确保图表容器能够正确地调整大小。我们大多数人都会从上一个项目中复制这些设置内容，然后重新命名相关变量即可。 shadcn/ui 图表组件在一定程度上减轻了这些工作负担。它为 Recharts 提供了与主题风格相匹配的配色方案和工具提示功能，但用户仍然需要手动编写每个图表的代码。 因此，我开发了 ChartCN——这个免费且开源的 shadcn 图表生成工具 。你只需粘
阅读全文
Linear成功完成了从styled-components向Meta的StyleX进行的1,000个项目的迁移工作。
Linear将其基于React开发的应用程序从使用styled-components迁移到了Meta推出的StyleX这一CSS-in-JS库，整个迁移过程涉及了超过1,000个拉取请求。此次迁移的目的是提升应用程序的性能，并明确界定组件的功能边界。虽然有人对StyleX的一些限制性规定提出了批评，但这一变革确实减少了主线程的负担，从而提高了页面的加载速度。 作者：Daniel Curtis
阅读全文
如何逐步迁移传统的单体应用系统，而无需进行大规模的重新开发
大多数传统的迁移项目在最终切换完成之前就会失败。 这种失败通常源于将迁移过程视为一个单一的步骤来执行：迁移应用程序、数据库，转移所有用户数据，调整流量分配，然后关闭旧系统。 这种做法隐含了一个危险的假设：即旧系统和新系统必须同时被替换掉。 但实际上，这种情况很少会发生。 如果你已经了解了旧系统的运行机制，可以通过编写测试用例来保护这些现有功能，设定适合迁移的边界条件，并对比新旧系统的实现方式，那么你就有了另一种选择。 你可以一次只迁移一个功能模块。这样就能彻底改变原有的迁移方案。 旧式单体系统 ↓ 全面重构 ↓ 一次性切换完成 而你现在可以选择的做法是： 旧式单体系统 ↓ 提取出一个功能模块进
阅读全文