#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…

#AI #MCP

https://docs.devin.ai/work-with-devin/deepwiki-mcp

Devin Docs

DeepWiki MCP - Devin Docs

How to use the official DeepWiki MCP server

#文章 浏览器限制setTimeout是为了防止滥用，避免网站过度消耗用户电量或阻塞交互，例如将延迟时间限制为至少4毫秒。尽管如此，浏览器仍引入了新的定时器技术，如setImmediate、Promises和scheduler.postTask。

https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/

Read the Tea Leaves

Why do browsers throttle JavaScript timers?

Even if you’ve been doing JavaScript for a while, you might be surprised to learn that setTimeout(0) is not really setTimeout(0). Instead, it could run 4 milliseconds later: Nearly a decade a…

#文章 ViteLand 最新动态 - 2025 年 8 月回顾：除了其他事项外，RSC 支持已正式落地（Waku 现在使用它），Vite React 插件 v5 发布，集成了 Rolldown 和 Oxc，包括 Styled-Components 转换支持。

https://voidzero.dev/posts/whats-new-aug-2025

void(0)

What’s New in ViteLand: August 2025 Recap

August 2025 brings new updates in the Vite ecosystem, including type-aware linting in Oxlint, native plugins for rolldown-vite, better tree-shaking and more.

#React 无需框架的 React 服务器组件支持：这引入了 Forket，一个让你以框架/打包器无关的方式使用 RSCs 的工具。在构建时，它会将你的应用程序拆分为客户端/服务器部分，然后在运行时将所有内容缝合在一起。

https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework

krasimirtsonev.com

React Server Components support without a framework

React Server Components support without a framework / I was at ReactSummit this June and spoke with some folks from Vercel about Next.js and RSC support outside of the framework. I really wanted to try all the cool stuff but couldn’t afford to migrate my…

#文章 构建知识的20条原则

https://baoyu.io/translations/twenty-rules-of-formulating-knowledge

baoyu.io

高效学习：构建知识的20条黄金法则

这篇文章将帮助你克服在加速学习时遇到的最大障碍之一：**如何组织和构建知识**。

#文章 z.codec() 提供了一种类型安全、可组合且易维护的方式来处理双向数据转换，特别适用于在序列化格式（如 JSON）和富 JavaScript 类型（如 Date、BigInt）之间进行映射。

https://colinhacks.com/essays/introducing-zod-codecs

Colin McDonnell @colinhacks

Introducing Zod Codecs

#文章 通过可视化的方式深入探讨了不同的负载均衡算法，从最简单的轮询（Round Robin）到更复杂的PEWMA（Peak Exponentially Weighted Moving Average）算法，并详细分析了每种算法的优缺点和适用场景。

https://samwho.dev/load-balancing/

#React 本文教你用 React 19 + React Router 7（SSR 模式）配 Strapi 5 构建现代博客：后台内容块可拖拽排序，前端自动 SSR 渲染，全链路 TypeScript，SEO 完备，克隆示例仓库一条命令即可跑通。Strapi 是一个开源的 Headless CMS（无头内容管理系统）。

https://strapi.io/blog/how-to-build-a-modern-blog-with-react-19-and-strapi-5

strapi.io

How to Build a Modern Blog with React 19 and Strapi 5

Build a modern blog website using React 19 with React Router 7 (framework mode) for the front-end and Strapi CMS for managing our content.

#React Streamdown 是一个为 AI 驱动的流式 Markdown 渲染而设计的库，可以作为 react-markdown 的即插即用替代品。它解决了在 AI 场景中，Markdown 内容边生成边渲染时，格式错乱、安全风险、以及不完整的 Markdown 语法带来的挑战。

https://streamdown.ai/

streamdown.ai

A drop-in replacement for react-markdown, designed for AI-powered streaming.