#开源 【RSC 除了 Nextjs 以外的选择，只是一个 vite 插件】这个新包可能有助于您基于 Fastify 网络服务器和 Vite 构建自己的自定义 React 元框架（创建自己的“Mini Next.js”）。它支持 React 19，RSC 将在以后推出。

https://fastify-vite.dev/

simplybest.my

SERU88 × FUN88 | Login Ngebut, Fastify Plugin Flow

SERU88 × FUN88 menggabungkan kecepatan Fastify dengan build Vite untuk akses cepat, UI ringan, dan login aman. Link resmi, promo harian, RTP live, dan dukungan 24/7.

#React #文章 文章总结了理解React的协调算法对于理解许多React性能模式的原因至关重要。它解释了为什么组合效果良好、为什么列表需要键，以及为什么在其他组件内定义组件是有问题的。这种知识有助于我们做出更好的架构决策，从而自然地导致性能良好的React应用程序。

https://cekrem.github.io/posts/react-reconciliation-deep-dive/

cekrem.github.io

React Reconciliation: The Hidden Engine Behind Your Components

A deep dive into how React's reconciliation algorithm works and why it matters for performance

#React #文章 作者所在团队开发了名为Smelter的工具，它利用React语法简化了直播流合成过程。文章以构建一个简单的Twitch游戏直播为例，详细说明了如何使用Smelter实现包括游戏视频背景、摄像头显示、文本显示以及全屏过渡等功能，并对比了Smelter与FFmpeg、Chromium等传统工具的优劣。Smelter易于维护，可嵌入React应用，并支持多种输入源，为直播和视频处理提供了新的解决方案。

https://blog.swmansion.com/react-live-streaming-how-to-include-video-mixing-in-your-app-c460e09da7a8

Medium

React & Live Streaming: How to Include Video Mixing in Your App

As of March 2025, React is almost 12 years old. During that time, it has spread to various platforms, such as mobile apps. We specialize in…

#文章 产品工程师通过理解可用性、消除瑕疵、利用廉价原型验证想法以及体验多种产品来培养良好品味，从而打造出卓越的产品。

https://newsletter.posthog.com/p/good-taste-makes-great-products

Posthog

Good taste makes great products

Simple design principles every engineer should know

#文章 Documenso团队选择React Router而不是Next.js，是因为Next.js在开发过程中出现了诸如Server Actions调试困难、热模块重载（HMR）时间过长等问题，导致开发者体验下降。相比之下，React Router更简单透明，具有明确的路由逻辑，且作为Remix的下一代产品，其发展方向和长期可行性值得信赖。

https://documenso.com/blog/why-we-moved-off-next-js

Documenso

Why We Moved off Next.js - Documenso

Sign everywhere with Documenso. Build workflows, create templates, and integrate seamlessly with tools you love—modern, secure, and customizable for any scale.

#VScode 打开/关闭git 分支切换时候是否展示提交详情 git.showReferenceDetails

#网页工具 免费的矢量占位图

https://illustrations.saas-ui.dev/

illustrations.saas-ui.dev

SaaS UI – Free Illustrations for your Documentation or Design System

Free illustrations for your documentation or design system. Enhance your UI with high-quality, customizable illustrations.

#文章 如何写出能吸引开发者阅读的博客文章

https://refactoringenglish.com/chapters/write-blog-posts-developers-read/

Refactoringenglish

How to Write Blog Posts that Developers Read

Software bloggers can make the same mistakes for years that prevent readers from discovering their writing. I know because I'm one of them. Over time, I've learned techniques that help some blog posts succeed and the pitfalls that cause others to languish…

#React #文章 本文探讨了单页应用（SPA）的定义、实现方式及其存在的问题。SPA旨在通过不刷新页面来保留JavaScript状态，实现快速加载。然而，随着页面和UI的增加，SPA的bundle大小会增大，导致加载时间变长。代码分割和懒加载虽能缓解这一问题，但会引入新的数据获取延迟。文章还讨论了框架如Next.js和React Router Framework如何通过服务器端渲染（SSR）和客户端导航来解决这些问题，提供了一种SPA和多页应用（MPA）的混合解决方案。

https://reacttraining.com/blog/understanding-spas-and-their-shortcomings

ReactTraining.com

Understanding SPAs and their shortcomings

React Corporate Workshops, Training, and Consulting

#React #文章 本文主要对比了React单页应用（SPA）、服务器端渲染（SSR）以及React服务端组件（RSC）三种架构方式。作者指出，React团队推荐使用框架而非纯SPA，因为框架能解决SPA在性能、SEO、数据获取和架构复杂性等方面的问题。

https://reacttraining.com/blog/react-architecture-spa-ssr-rsc

ReactTraining.com

React Architecture Tradeoffs: SPA, SSR, or RSC

React Corporate Workshops, Training, and Consulting

#React #文章 根据用户的设备和网络条件提供最佳的视频格式。这种技术在性能优化方面具有显著优势，并且通过React和Dash.js可以轻松实现。

https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/

Smashing Magazine

Adaptive Video Streaming With Dash.js In React — Smashing Magazine

HTML `` is the de facto element we turn to for embedding video content, but it comes with constraints. For example, it downloads the video file linearly over HTTP, which leads to performance hiccups, especially for large videos consumed on slower connections.…

#React #文章 讨论了 vite-ssg-react ，这是尝试配置 Vite 以便我们能够使用 React 编写静态网站的方法。

https://blog.carlosn.com.br/post/writing-static-websites-with-vite-and-react/

blog.carlosn.com.br

Writing static websites with Vite and React

Configuring Vite so we may use React to write static websites

#React #文章 hooks可以作为一种无头组件的形式存在。
https://www.bbss.dev/posts/sparkling-hooks/

Building Better Software Slower

Components Are Just Sparkling Hooks

Here’s a question you might encounter while interviewing for React developer roles:
“What is the difference between a component and a hook?”
The answer that the interviewer is likely looking for is along the lines of “A component is a building block for the…

#开源 node 社区添加了 volta 工具

https://github.com/orgs/nodejs/discussions/56691

GitHub

Does the official Node.js website recommend adding Volta? · nodejs · Discussion #56691

I've been using it for a long time and noticed that TS and Sentry are also using it. I would like to recommend this excellent management tool as well. Of course, this is just a question I have ...

#开源 #网页工具 不完整json格式化

https://simonwillison.net/2025/Mar/28/incomplete-json-pretty-printer/

Simon Willison’s Weblog

Incomplete JSON Pretty Printer

Every now and then a log file or a tool I'm using will spit out a bunch of JSON that terminates unexpectedly, meaning I can't copy it into a text …

#文章 撤销算法栈

https://blog.julik.nl/2025/03/a-tiny-undo-stack

Julik Tarkhanov

UI algorithms: a tiny undo stack

I’ve needed this before - a couple of times. Third time I figured I needed something small, nimble - yet complete. And - at the same time - wondering about how to do it in a very simple manner. I think it worked out great, so let’s dig in. Most UIs will have…

#开源 #文章 styled-components 进入维护状态。
- React 核心团队已决定事实上弃用某些 API，例如 Context API（在 RSC 中不可用，且没有迁移路径。）
- 总体而言，生态系统已基本脱离 css-in-js 概念，而 tailwind 等其他技术的普及度则呈现爆炸式增长。
- quantizor （自 2018 年左右以来一直是 styled-components 的核心维护者）不再在大型应用程序中积极部署 styled-components 的生产，因此在实际产品中的使用环境将持续减弱并最终完全停止。

https://opencollective.com/styled-components/updates/thank-you

Opencollective

Thank you - styled-components

First and foremost, thank you to everyone who has contributed to styled-components over the years. Open Source is hard work, and many of the larger feature and/or refactoring drives probably would never have shipped without your support! As...

#开源 Tanstack 新成员！标准 schema ，强类型提示（甚至可以约束field 上面的 name 自动提示！）

https://tanstack.com/form/latest

Tanstack

TanStack Form

Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit and Svelte.

#Node TSC 决定从未来版本（25 及以上）的 Node.js 中移除 Corepack，但 Node.js 24 及更早版本仍将包含 Corepack 作为实验性功能。

https://socket.dev/blog/node-js-tsc-votes-to-stop-distributing-corepack

Socket

Node.js TSC Votes to Stop Distributing Corepack - Socket

Corepack will be phased out from future Node.js releases following a TSC vote.