锤子前端

Now vibe coding, so learning hammer FE ?

锤子前端

  3. 锤子前端

    #React 探讨了React中单页应用（SPA）的现状与未来

    #React 探讨了React中单页应用（SPA）的现状与未来。介绍了SPA中“边获取边渲染”模式的优势，如节省时间、提升用户体验。提及React Server Components（RSC）在SPA中的潜在应用，即使无服务器也可在构建步骤中生成RSC。强调React 18并发特性（如useTransition和useDeferred）对提升复杂应用交互性能的重要性，以及预加载策略对多页面用户流程的优化作用。

    https://www.felgus.dev/blog/future-spa
    www.felgus.dev
    The present and the future of SPAs in React
    The present and the future of SPAs in React
    Single page applications for the win

    React

  4. 锤子前端

    #Node #文章 node 版本管理工具可能会拖慢你的终端？

    #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
    Substack
    The 500x performance gap between Node.js version managers (and why you might not care)
    The 500x performance gap between Node.js version managers (and why you might not care)
    Links that I found useful this week:

    Node文章

  5. 锤子前端

    #文章 模块联邦（Module Federation）是实现高自治、跨框架微前端架构的核心方案，通过运行时动态集成、共享依赖管理和独立部署，解决企业级前端应用的技术债务与团队协作痛点，适用于React与Angular混合环境，但需严格管理版本兼容性与通信规范

    #文章 模块联邦（Module Federation）是实现高自治、跨框架微前端架构的核心方案，通过运行时动态集成、共享依赖管理和独立部署，解决企业级前端应用的技术债务与团队协作痛点，适用于React与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
    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…

    文章

  7. 锤子前端

    #React #文章 如果你在用 Tauri + React 做多窗口应用，不想牺牲响应式体验，又愿意接受轻微的状态延迟，这篇文章提供的“松耦合同步”方案是一个非常实用的折中方案

    #React #文章 如果你在用 Tauri + React 做多窗口应用，不想牺牲响应式体验，又愿意接受轻微的状态延迟，这篇文章提供的“松耦合同步”方案是一个非常实用的折中方案。

    https://www.gethopp.app/blog/tauri-window-state-sync
    www.gethopp.app
    Loosely synchronize your (Zustand) stores in multiple Tauri processes
    Loosely synchronize your (Zustand) stores in multiple Tauri processes
    A simple solution to synchronize your JavaScript/React stores in multiple Tauri processes (windows).

    React文章

  8. 锤子前端

    #文章 “JavaScript 不会变成 Rust，但 JavaScript 的工具链正在被 Rust 重写

    #文章 “JavaScript 不会变成 Rust，但 JavaScript 的工具链正在被 Rust 重写。”

    https://endform.dev/blog/js-is-being-rewritten-in-rust/
    Endform
    JavaScript is being rewritten in Rust
    JavaScript is being rewritten in Rust
    From Deno to Biome, tools written in Rust are changing JavaScript. Here's what's happening and what it means for the future.

    文章

  9. 锤子前端

    #React 现在 vite 组织吸收了社区 plugin-rsc ，vite react 服务器组件开始来到 vite 了

    #React 现在 vite 组织吸收了社区 plugin-rsc ，vite react 服务器组件开始来到 vite 了。

    https://github.com/vitejs/vite-plugin-react
    GitHub
    GitHub - vitejs/vite-plugin-react: The all-in-one Vite plugin for React projects.
    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

  10. 锤子前端

    #React #3D 使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画

    #React #3D 使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画

    https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/
    Between the Barndoors
    Rendering CT scan animations in the cloud
    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.

    React3D

  11. 锤子前端

    #React #3D 如何使用 React Three Fiber 创建动态图像动画 

    #React #3D 如何使用 React Three Fiber 创建动态图像动画 

    https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
    Codrops
    How To Create Kinetic Image Animations with React Three Fiber | Codrops
    Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.

    React3D

  13. 锤子前端

    #React #CSS #文章 《如何为 React 应用程序添加样式》文章提到了语义化CSS、设计令牌（Design Tokens）、CSS-in-JS（如styled-components）和Utility-First框架（如Tailwind）四种CSS方案，作者最终推荐Utility-First（如Tailwind），因其通过原子类组合实现高效、低复杂度的组件级样式管理，并强调“复用组件而非样式”的核心原则

    #React #CSS #文章 《如何为 React 应用程序添加样式》文章提到了语义化CSS、设计令牌（Design Tokens）、CSS-in-JS（如styled-components）和Utility-First框架（如Tailwind）四种CSS方案，作者最终推荐Utility-First（如Tailwind），因其通过原子类组合实现高效、低复杂度的组件级样式管理，并强调“复用组件而非样式”的核心原则。

    https://alexkondov.com/full-stack-tao-styling/
    Alexkondov
    How to Style a React Application
    How to Style a React Application
    We don’t build web applications the same way we did a decade ago. We don’t think of pages, we think of components. We don’t pass data to the template to render…

    ReactCSS文章

  14. 锤子前端

    #文章 结合个人案例解析MVP（最简可行产品）的开发策略

    #文章 结合个人案例解析MVP（最简可行产品）的开发策略。

    https://baoyu.io/translations/nda-mvp-building-tips
    baoyu.io
    吴恩达老师分享的这个做 MVP（最简可行产品，minimum viable product） 的技巧
    吴恩达老师分享的这个做 MVP（最简可行产品，minimum viable product, MVP） 的技巧非常有效，我们常常有很多想法，但是因为想法太大而没有动手，但如果把想法精简成一个1个小时内就能借助AI快速做出来的 MVP，就能做出来有意思的东西，很快得到反馈，之后你可以继续完善项目而不是“胎死腹中”。

    文章

  15. 锤子前端

    前端消亡时间线

    前端消亡时间线

    2025：初级岗位消失
    2026：中级岗大规模缩减
    2027：系统设计岗转型
    2028：传统前端团队消亡

    社会问题：
    百万开发者再就业挑战
    AI生成内容质量控制真空
    技术依赖风险累积
    设计同质化危机

    积极影响：
    开发民主化：小微团队可建专业系统
    创新加速：想法→产品周期缩短90%
    成本降低：开发预算需求下降10-100倍

    https://archive.is/20250703203405/https://medium.com/@sohail_saifi/the-death-of-the-frontend-how-ai-will-kill-web-development-085f0db29024
    archive.is
    The Death of the Frontend: How AI Will Kill Web Development | by Soha…
    The Death of the Frontend: How AI Will Kill Web Development | by Soha…
    archived 3 Jul 2025 20:34:05 UTC