锤子前端

Now vibe coding, so learning hammer FE ?

锤子前端

  1. 锤子前端

    #文章 OWASP速查表系列 - 该系列涵盖众多安全主题，包括但不限于AJAX安全、访问控制、身份验证、授权、SQL注入预防等，还提供下载链接和最新更新的ATOM feed

    #文章 OWASP速查表系列 - 该系列涵盖众多安全主题，包括但不限于AJAX安全、访问控制、身份验证、授权、SQL注入预防等，还提供下载链接和最新更新的ATOM feed。

    https://cheatsheetseries.owasp.org
    cheatsheetseries.owasp.org
    Introduction - OWASP Cheat Sheet Series
    Website with the collection of all the cheat sheets of the project.

    文章

  4. 锤子前端

    #React #文章 SVG懒加载：svg 精灵图方法来优化性能

    #React #文章 SVG懒加载：svg 精灵图方法来优化性能

    https://www.jeantinland.com/blog/lazy-load-svg-icons-with-use-react-js/
    Jeantinland
    Lazy load SVG icons with 'use' in React.js
    Learn how to optimize your React.js applications by lazy loading SVG icons using the use tag. This article covers different methods of incorporating SVG icons, including inline injection, sprite files, and splitting sprites into individual files. It also…

    React文章

  5. 锤子前端

    #React #文章 “分层 React 结构”（Layered React Structure，简称 LRS）是一种经过实践验证的 React 项目组织方式，可以帮助开发者更好地管理大型项目

    #React #文章 “分层 React 结构”（Layered React Structure，简称 LRS）是一种经过实践验证的 React 项目组织方式，可以帮助开发者更好地管理大型项目。它通过明确的分层和组件职责划分，提高了代码的可维护性和可扩展性。如果你正在寻找一种更系统的方式来组织你的 React 项目，LRS 值得一试。

    值得注意：文章提到了文件命名的方式，推荐是`kebob-case`

    https://playfulprogramming.com/posts/layered-react-structure
    Playful Programming
    Scale Your Project with Layered React Structure
    Scale Your Project with Layered React Structure
    Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise grade by organizing your code better.

    React文章

  8. 锤子前端

    #文章 通过维持 5:1 的积极与消极反馈比例，管理者可以更有效地进行绩效评估，促进员工的成长和团队的整体表现

    #文章 通过维持 5:1 的积极与消极反馈比例，管理者可以更有效地进行绩效评估，促进员工的成长和团队的整体表现。这种比例不仅有助于高绩效团队的维持，还能帮助表现不佳的员工实现改进。

    https://www.trevorlasn.com/blog/the-5-1-rule
    The 5:1 Rule: Effective Performance Reviews For High-Performing Teams
    Research reveals the ideal ratio of positive to negative feedback within high performing teams

    文章

  9. 锤子前端

    #文章 #AI 每个 AI 成功故事都离不开熟练的人类开发者这一必要因素

    #文章 #AI 每个 AI 成功故事都离不开熟练的人类开发者这一必要因素。因此，我认为我们还没有进入后开发者时代。

    本质上，大模型更多的是在改进它已经做得很好的事情，而不是解决所有全新的问题。
    https://www.joshwcomeau.com/blog/the-post-developer-era/
    Joshwcomeau
    The Post-Developer Era • Josh W. Comeau
    The Post-Developer Era • Josh W. Comeau
    When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s been more than two years since then, and I thought it was…

    文章AI

  10. 锤子前端

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

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

    https://fastify-vite.dev/
    SERU88
    SERU88 — Pusat Informasi Resmi Platform Digital & Akses Terverifikasi
    SERU88 adalah pusat informasi resmi platform digital yang menyediakan akses terverifikasi, panduan penggunaan, serta pembaruan sistem secara berkala untuk memastikan pengalaman pengguna yang aman, stabil, dan terpercaya.

    开源

  11. 锤子前端

    #React #文章 文章总结了理解React的协调算法对于理解许多React性能模式的原因至关重要

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

    https://cekrem.github.io/posts/react-reconciliation-deep-dive/
    cekrem.github.io
    React Reconciliation: The Hidden Engine Behind Your Components
    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文章

  12. 锤子前端

    #React #文章 作者所在团队开发了名为Smelter的工具，它利用React语法简化了直播流合成过程

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

    React文章

  13. 锤子前端

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

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

    https://newsletter.posthog.com/p/good-taste-makes-great-products
    Posthog
    Good taste makes great products
    Good taste makes great products
    Simple design principles every engineer should know

    文章

  14. 锤子前端

    #文章 Documenso团队选择React Router而不是Next.js，是因为Next.js在开发过程中出现了诸如Server Actions调试困难、热模块重载（HMR）时间过长等问题，导致开发者体验下降

    #文章 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
    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.

    文章