#AI 2025 年是 LLM 从“玩具”走向“工具”的转折年：推理模型+代码 Agent+异步任务+手机编程，构成了新的开发范式。中国模型崛起、Google 发力、OpenAI 失领先，格局已变。

https://simonwillison.net/2025/Dec/31/the-year-in-llms/

Simon Willison’s Weblog

2025: The year in LLMs

This is the third in my annual series reviewing everything that happened in the LLM space over the past 12 months. For previous years see Stuff we figured out about …

正如前面提到的数字工业革命的到来，最近已经在 ai coding 的路上上瘾了。AI 的编码发展可以说是解放程序员的双手。上班就是当监工。

#AI 数字领域的“工业革命”即将到来！

https://www.notion.com/zh-cn/blog/steam-steel-and-infinite-minds-ai

Notion

Steam, Steel, and Infinite Minds

Every era is shaped by its miracle material. Steel forged the Gilded Age. Semiconductors switched on the Digital Age. Now AI has arrived as infinite minds. If history teaches us anything, those who master the material define the era.

#React shascn多一个选择

https://x.com/shadcn/status/1999530415653113871

X (formerly Twitter)

shadcn (@shadcn) on X

Start with a component library: Radix or Base UI.

We rebuilt every component for Base UI, keeping the same abstraction. They are fully compatible with your existing components, even those pulled from remote registries.

When you add components, we auto-detect…

#React React 19.2 新增 <Activity> 组件，可在保留状态的前提下以最低优先级渲染隐藏内容，显著降低主线程压力并加速交互响应。
配套推出的 Performance Tracks 把 React 内部任务、组件渲染与 SSR 耗时一次性可视化，让开发者快速定位并消除拖慢 INP 的瓶颈。

https://calendar.perfplanet.com/2025/react-19-2-further-advances-inp-optimization/

Web Performance Calendar

React 19.2. Further Advances INP Optimization

Last year, in the article “5 tips to effectively optimize INP in React,” we focused on what developers often underestimate when optimizing React.

React is not automatically fast, and long JavaScript tasks can arise from perfectly common constructs. A larger…

浏览器处理 Base64 数据有多快？ —— 在大多数现代硬件下，速度都能轻松上 GB/s，就是 Firefox 和 Servo 慢点。

https://lemire.me/blog/2025/11/29/how-fast-can-browsers-process-base64-data/

Daniel Lemire's blog

How fast can browsers process base64 data?

Base64 is a binary-to-text encoding scheme that converts arbitrary binary data (like images, files, or any sequence of bytes) into a safe, printable ASCII string using a 64-character alphabet (A–Z, a–z, 0–9, +, /). Browsers use it in JavaScript to embedding…

#React 异步从手动处理迈向声明式协调

https://blog.logrocket.com/the-next-era-of-react/

LogRocket Blog

The next era of React has arrived: Here's what you need to know - LogRocket Blog

Aurora Scharff discusses React's async coordination primitives, and how React’s new era signals a fundamental shift in how devs build software.

#React 大人时代变了


https://allthingssmitty.com/2025/12/01/react-has-changed-your-hooks-should-too/

Allthingssmitty

React has changed, your Hooks should too - Matt Smith

Modern React has moved beyond overusing useEffect. Discover the Hook patterns that enable cleaner logic, fewer bugs, and scalable architecture in 2026.

#React 19 处理异步的方式

https://blog.logrocket.com/react-19-2-the-async-shift/

LogRocket Blog

React 19.2: The async shift is finally here - LogRocket Blog

Jack Herrington writes about how React 19.2 rebuilds async handling from the ground up with use(), , useTransition(), and View Transitions.

构建一个 toast 组件：热门 React 库 Sonner 的作者分享了多种设计工程方面的经验教训。

https://emilkowal.ski/ui/building-a-toast-component

Emil Kowalski

How I built Sonner, an opinionated toast library for React used by milions.

tailwind css 官方出的排序插件由于 prettier 更新导致报错的问题被修复了

https://github.com/tailwindlabs/prettier-plugin-tailwindcss/releases/tag/v0.7.2

GitHub

Release v0.7.2 · tailwindlabs/prettier-plugin-tailwindcss

Fixed

Load compatible plugins sequentially to work around race conditions in Node.js (#412)
Fix compatibility with prettier-plugin-svelte when using Prettier v3.7+ (#418)

文章《Automated Accessibility Testing for React》提出：自动化无法取代人工，但能提前拦截常见无障碍缺陷。最低成本方案是给所有 React 项目加装 eslint-plugin-jsx-a11y；若已用 React Testing Library，坚持语义查询即可同步做单元层检测。E2E 层推荐在 Cypress/Playwright 中插入 axe-core（cypress-axe 或 @axe-core/playwright），Storybook 用户可一键启用 addon-a11y。部署后可用 Lighthouse CI 或 pa11y 扫描整站。作者强调仍须键盘-only 走查与真机屏幕阅读器测试作最终兜底。
https://howtotestfrontend.com/resources/accessibility-testing-your-react-app

Howtotestfrontend

Automated Accessibility Testing for React - Tools and Best Practices you can use | How To Test Frontend

As well as testing the core functionality of your code with regular tests, you can use automated tools to test that your app or website has good accessibility. In this post, I will explain how and what tools you can use, and why manual testing is still essential...

文章通过实战项目的方式，详细讲解了如何结合 React Three Fiber 和 GLSL 着色器实现一个视觉效果丰富、可扩展的无限滚动轮播组件。作者鼓励读者在此基础上继续探索，创造更多有趣的交互效果。

https://tympanus.net/codrops/2025/11/26/creating-wavy-infinite-carousels-in-react-three-fiber-with-glsl-shaders/

Codrops

Creating Wavy Infinite Carousels in React Three Fiber with GLSL Shaders | Codrops

Experimenting with infinitely scrolling, wavy 3D carousels in React Three Fiber with smooth scroll-driven distortion effects.

ToyFight® 为 INK Games 打造全新网站，采用 Next.js + React Three Fiber 单画布架构，通过 GSAP 与视口裁剪技术在同页流畅渲染多段 3D 内容，并借助遮罩、裁剪平面与光标联动旋转，实现门户卡片等复杂 3D 交互，兼顾性能与视觉冲击。

https://tympanus.net/codrops/2025/11/21/one-canvas-to-rule-them-all-how-ink-games-new-site-handles-complex-3d/

Codrops

One Canvas to Rule Them All: How INK Games’ New Site Handles Complex 3D | Codrops

A look at how ToyFight® crafted a bold new site for INK Games, a global leader in mobile gaming, through layered 3D, scroll-driven animation, and a single shared WebGL canvas.

https://tympanus.net/codrops/2025/11/19/how-to-build-cinematic-3d-scroll-experiences-with-gsap/

如何用 GSAP 和 Three.js 做很卷的 3D 滚动动画

Codrops

How to Build Cinematic 3D Scroll Experiences with GSAP | Codrops

Learn how to build smooth, immersive 3D scroll experiences using GSAP, WebGL, and Three.js, turning simple scrolling into responsive visual motion.

视频压缩工具

https://github.com/codeforreal1/compressO/

GitHub

GitHub - codeforreal1/compressO: Convert any video into a tiny size.

Convert any video into a tiny size. Contribute to codeforreal1/compressO development by creating an account on GitHub.