Now vibe coding, so learning hammer FE ?
#CSS 文章介绍了CSS新特性`scroll-target-group`及其与`:target-current`伪类的结合使用，能够轻松实现滚动侦测效果（如目录高亮）。该特性目前仅在Chrome 140中支持，可通过`@supports`检测实现渐进式增强，同时在无障碍性方面符合常规要求。
https://una.im/scroll-target-group/
https://una.im/scroll-target-group/
Una.im
Creating a scroll-spy with 2 lines of CSS
scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.
#tailwindcss #CSS 《Tailwind 与原生 CSS 结合》Tailwind CSS 4 通过全面转向原生 CSS 变量和改进的配置方式，实现了与传统 CSS 的无缝融合，解决了之前版本的争议性问题。它引入了“非病毒”模式(“Non-Viral”)，允许开发者在不影响现有 CSS 架构或设计系统的情况下灵活使用 Tailwind 的工具类或纯 CSS，极大地提升了开发体验，让作者从批评者转变为支持者，标志着 Tailwind 与原生 CSS 的完美结合。
https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/
https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/
That HTML Blog
Friends at Last: Tailwind & CSS…whodathunkit?!
Freely compose UI using native CSS variables & syntax, Tailwind design tokens in CSS, and Tailwind utility classes.
#React 探讨了React中单页应用（SPA）的现状与未来。介绍了SPA中“边获取边渲染”模式的优势，如节省时间、提升用户体验。提及React Server Components（RSC）在SPA中的潜在应用，即使无服务器也可在构建步骤中生成RSC。强调React 18并发特性（如useTransition和useDeferred）对提升复杂应用交互性能的重要性，以及预加载策略对多页面用户流程的优化作用。
https://www.felgus.dev/blog/future-spa
https://www.felgus.dev/blog/future-spa
www.felgus.dev
The present and the future of SPAs in React
Single page applications for the win
#Node #文章 node 版本管理工具可能会拖慢你的终端？
NVM (warm): 148-217ms per switch
FNM (warm): 4-5ms per switch
Volta (warm): 2-3ms per switch
https://nodevibe.substack.com/p/the-500x-performance-gap-between
NVM (warm): 148-217ms per switch
FNM (warm): 4-5ms per switch
Volta (warm): 2-3ms per switch
https://nodevibe.substack.com/p/the-500x-performance-gap-between
Substack
The 500x performance gap between Node.js version managers (and why you might not care)
Links that I found useful this week:
#文章 模块联邦（Module Federation）是实现高自治、跨框架微前端架构的核心方案，通过运行时动态集成、共享依赖管理和独立部署，解决企业级前端应用的技术债务与团队协作痛点，适用于React与Angular混合环境，但需严格管理版本兼容性与通信规范。
https://developersvoice.com/blog/frontend/micro-frontends-with-react-and-angular/
https://developersvoice.com/blog/frontend/micro-frontends-with-react-and-angular/
Developersvoice
The Architect’s Guide to Micro-Frontends: Module Federation with React & Angular
Discover how enterprise architects can implement scalable micro-frontend architectures using Module Federation in React and Angular. Explore real-world strategies for integration, deployment, state management, and cross-framework interoperability to build…
#React #文章 如果你在用 Tauri + React 做多窗口应用，不想牺牲响应式体验，又愿意接受轻微的状态延迟，这篇文章提供的“松耦合同步”方案是一个非常实用的折中方案。
https://www.gethopp.app/blog/tauri-window-state-sync
https://www.gethopp.app/blog/tauri-window-state-sync
www.gethopp.app
Loosely synchronize your (Zustand) stores in multiple Tauri processes
A simple solution to synchronize your JavaScript/React stores in multiple Tauri processes (windows).
#React 现在 vite 组织吸收了社区 plugin-rsc ，vite react 服务器组件开始来到 vite 了。
https://github.com/vitejs/vite-plugin-react
https://github.com/vitejs/vite-plugin-react
GitHub
GitHub - vitejs/vite-plugin-react: The all-in-one Vite plugin for React projects.
The all-in-one Vite plugin for React projects. Contribute to vitejs/vite-plugin-react development by creating an account on GitHub.
#React #3D 使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画
https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/
https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/
Between the Barndoors
Rendering CT scan animations in the cloud
A deep dive into how we use React Three Fiber and hardware accelerated headless browsers to render CT scan animations server-side.
#React #3D 如何使用 React Three Fiber 创建动态图像动画
https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
