#文章 Chrome 129 刚支持的“CSS 类型算术”允许不同单位值直接四则运算：单位÷单位得纯数、单位×或÷纯数仍得单位，结果自动带类型校验，从此可原生把 calc(70px / 10px) 当成 7 来用，无需预处理器。

https://css-tricks.com/css-typed-arithmetic/

CSS-Tricks

CSS Typed Arithmetic | CSS-Tricks

Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS.

#文章 探讨了本地优先应用未能广泛流行的原因，主要是因为同步数据难度大。作者介绍了分布式系统中事件排序和冲突解决的两大挑战，并提出了混合逻辑时钟（HLCs）和无冲突复制数据类型（CRDTs）作为解决方案。同时，强调了SQLite在本地优先应用中的优势，并提出了相关开发建议。

https://marcobambini.substack.com/p/why-local-first-apps-havent-become

Substack

Why Local-First Apps Haven’t Become Popular?

Offline-first apps promise instant loading and privacy, but in practice, very few apps get offline support because getting sync right is surprisingly hard.

#React 这篇文章《约束的纪律：Elm 教会我关于 React useReducer 的经验》探讨了作者从 Elm 语言的设计哲学中获得的启发，以及如何将这些启发应用到 React 的 useReducer 中，以写出更严谨、可维护的代码。

https://cekrem.github.io/posts/the-discipline-of-constraints-elm-usereducer-lessons/

cekrem.github.io

The Discipline of Constraints: What Elm Taught Me About React's useReducer

How enforced discipline in one language can teach you better patterns in another - lessons from crossing the Elm/React boundary

#React #文章 这篇文章的核心观点是：当你看到一段代码，用 useEffect 去监听外部数据、然后用 useState 去更新组件状态时，你真正想要的很可能是 useSyncExternalStore 。

https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/

Swizec

You may be looking for a useSyncExternalStore | Swizec Teller

When you see a `useEffect` that updates a `useState` and returns a value, you might be looking for a `useSyncExternalStore`. This is my current vendetta.

#React 这个vercel的组件补齐了现代AI响应最后一块拼图！Mermaid 图表自定义配置：支持自定义 Mermaid 图表的配置选项。

https://github.com/vercel/streamdown/releases/tag/streamdown%401.3.0

GitHub

Release streamdown@1.3.0 · vercel/streamdown

Minor Changes

73b17a4: Add controls prop to control copy/download button visibility.
64b5afa: feat: memoize components to prevent child re-renders
d2edc90: feat: add custom Mermaid configuration s...

#CSS Styled-Components 维护模式：一个 40%更快的分支：Styled-Components 目前处于维护模式，Sanity 团队分支了它，并利用 React 18 的 useInsertionEffect 钩子（以及其他因素）使其速度大幅提升。Sanity 和 Linear 都在使用这个分支作为临时解决方案，直到他们完全迁移到更好的方案。

https://www.sanity.io/blog/cut-styled-components-into-pieces-this-is-our-last-resort

Sanity.io

styled-components maintenance mode: A 40% faster fork | Sanity

After styled-components entered maintenance mode, we forked it with React 18's useInsertionEffect. Result: 40% faster renders for Linear. Open source solution.

#React #文章 文章的核心观点是：React 之所以在今天占据主导地位，并非因为其技术优势，而是因为它被视为“默认选择”。这种“默认选择”的文化正在阻碍前端生态系统的创新。

https://www.lorenstew.art/blog/react-won-by-default/

Loren Stewart

React Won by Default – And It's Killing Frontend Innovation | Loren Stewart

Exploring how React's dominance by default stifles frontend innovation, and why deliberate framework choices lead to better tools for performance, developer experience, and ecosystem diversity.

#文章 Safari 26新功能

https://webkit.org/blog/17333/webkit-features-in-safari-26-0/

WebKit

WebKit Features in Safari 26.0

We’re happy to share with you what’s arriving in Safari 26.0!

#文章 Jake Archibald 写了关于 fetch streams 很棒，但不适合测量上传/下载进度。

https://jakearchibald.com/2025/fetch-streams-not-for-progress/

Jakearchibald

Fetch streams are great, but not for measuring upload/download progress

They're inaccurate, and there are better ways.

#React #文章 Reshaped 把 Figma 与 React 的组件、Token、状态一次性对齐，内置主题引擎（含深色模式）、无障碍与响应式规范，并提供原子级扩展接口，让团队在“零翻译”设计稿的同时，一句话切换全局主题、保持交互一致，还保留 20 % 的灵活拼装空间，直接省掉 80 % 的 UI 基建成本。
两年前，Reshaped 迈出了第一步，将 React 包免费开放。这一举措不仅使得独立开发者可以免费使用，也让已经购买源代码许可证的团队可以直接从 npm 安装。如今，Reshaped 宣布全面开源，React 库的源代码已经托管在 GitHub 上，Figma 库也在 Figma 社区中提供。这一转变让创始人感到兴奋，因为他希望这能促进设计与工程社区之间的交流，共同学习如何构建可扩展且保持简洁的设计系统。

https://reshaped.so/blog/reshaped-oss

Reshaped

Reshaped is now open-source - Reshaped

After five years of closed-source, Reshaped is finally open for all – both in React and Figma.

#React AI Elements 是一个基于 shadcn/ui 构建的组件库和自定义注册中心，旨在帮助您更快地构建 AI 原生应用程序。

https://github.com/vercel/ai-elements

GitHub

GitHub - vercel/ai-elements: AI Elements is a component library and custom registry built on top of shadcn/ui to help you build…

AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster. - vercel/ai-elements

#文章 《试过 Solid.js，现在我开始讨厌 React》


https://alemtuzlak.hashnode.dev/ive-tried-solidjs-now-im-starting-to-hate-react

#文章 MDX 中的可选部分：在 MDX 中，您可以在 React 组件子元素中使用 Markdown 语法，而不是在 props 中，但有一些技巧可以绕过这个限制

https://remcohaszing.nl/blog/optional-sections-in-mdx

remcohaszing.nl

Optional sections in MDX

#React React Fast Refresh 通过“编译期注入签名 + 运行时家族表 + 内核 reconciler 协同”实现组件级、状态保持的热重载，是 Web 与 RN 通用的官方下一代热更新方案。

https://leapcell.io/blog/react-fast-refresh

Leapcell

React Fast Refresh: Next-Gen Hot Reloading Explained | Leapcell

A technical breakdown of Fast Refresh, React’s modern approach to hot reloading and component updates.

#Tailwind #Motion 怎么用好这两个流行的 css 库

https://motion.dev/docs/react-tailwind

motion.dev

Animating with Tailwind CSS | Motion

Unlock powerful UI animations by combining Motion with Tailwind CSS. This guide covers practical tricks for animating utility classes, generating CSS springs and more.

#JS 新的 rust 的 js 运行时

https://tryandromeda.dev/

#文章 #JS 使用 Intl.Segmenter 来获取可读性的文本词汇计数，而不是获取字符串的长度

https://blog.sangeeth.dev/posts/accurate-text-lengths-with-intl-segmenter-api/

Automagic

Accurate text lengths with `Intl.Segmenter` API

How many characters is 👨‍👩‍👧‍👦?

#文章 如何用 4 美元的 VPS 处理 5 亿次点击

https://www.youtube.com/watch?v=nk3Ti0tCGvA

YouTube

Handling 500M clicks with a $4 VPS

I accidentally made a silly little website that went viral, and grossly underestimated the amount of people who would use it.

At first my cheap VPS couldn't handle the thousand-odd requests per second, but after some mild code refactoring it's been chugging…

#CSS #文章 Josh W. Comeau 在《Color Shifting in CSS》中揭示了 CSS 颜色过渡变灰的本质：浏览器用 RGB 插值，即使写的是 HSL；他用 filter: hue-rotate() 绕过限制，实现鲜艳无缝的色调旋转，并叠加闪烁动画，让粒子效果生动又轻盈。

https://www.joshwcomeau.com/animation/color-shifting/

Joshwcomeau

Color Shifting in CSS • Josh W. Comeau

A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll dig into…