锤子前端

Now vibe coding, so learning hammer FE ?

锤子前端

  4. 锤子前端

    #开发工具 css变量编辑器，支持shadcn和daisyUI

    #开发工具 css变量编辑器，支持shadcn和daisyUI。

    https://www.cssvariables.com/
    Cssvariables
    CSS Variables Editor - AI Browser Extension for managing colors in CSS Variables
    CSS Variables Editor is the Browser Extension for managing colors in CSS Variables. AI-generated color palettes. Accessibility testing. Support for shadcn/ui and daisyUI (more coming soon).

    开发工具

  7. 锤子前端

    #文章 #React Remix.js 中的 markdown 处理系列文章：

    #文章 #React Remix.js 中的 markdown 处理系列文章：

    1. 使用 Markdoc 在 Remix 中渲染 Markdown 内容；
    2. 在 Remix 中使用 Markdoc 和 Shiki 进行语法高亮。

    1. 链接：https://andrelandgraf.dev/blog/2024-11-01_rendering-markdown-in-remix
    2. 链接：https://andrelandgraf.dev/blog/2024-11-30_syntax-highlighting-with-markdoc
    andrelandgraf.dev
    Use Markdoc to render Markdown content in Remix | Andre Landgraf
    Use Markdoc to render Markdown content in Remix | Andre Landgraf
    Markdown is a great tool for working with formatted text content. In this blog post, we use Markdoc to parse and render Markdown content in Remix. We will cover styling, frontmatter, and how to render Markdown content as custom React components.

    文章React

  8. 锤子前端

    #文章 #React 储备知识 如何优化 Next.JS 应用的 Docker 镜像，使其体积大幅减小

    #文章 #React 储备知识 如何优化 Next.JS 应用的 Docker 镜像，使其体积大幅减小。不知道关于 remix.js 是否可以有相似的配置呢

    - 链接：https://xeiaso.net/notes/2024/small-nextjs-images/
    xeiaso.net
    Make your Next.JS Docker images microscopic!
    Make your Next.JS Docker images microscopic!
    Do standalone builds on Alpine

    文章React

  10. 锤子前端

    #文章 #React 5个有效优化React中交互到下次绘制（INP）指标的技巧

    #文章 #React 5个有效优化React中交互到下次绘制（INP）指标的技巧。

    - 链接：https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
    Web Performance Calendar
    5 tips to effectively optimize INP in React
    5 tips to effectively optimize INP in React
    In this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.

    We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…

    文章React

  13. 锤子前端

    #AI #文章

    #AI #文章
    「 AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧 」
    英文原文：「70%问题-AI 辅助编程的现状和代价」
    AI可以帮助我们更快地迭代和实验，但只有当我们保持对项目代码的掌控和理解并把AI作为工具而不是替代良好软件实践时，我们才能构建更好的应用。
    baoyu.io
    AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧
    AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧
    一份实战指南，以及为何我们需要重新审视自己的期望

    AI文章

  14. 锤子前端

    #原理 #文章 【了解】「 WeakRef 如何帮助管理 JavaScript 中的内存 」，里面探讨了很多关于 js 垃圾回收相关的知识，以及 FinalizationRegistry 的使用在对象被清理时回调

    #原理 #文章 【了解】「 WeakRef 如何帮助管理 JavaScript 中的内存 」，里面探讨了很多关于 js 垃圾回收相关的知识，以及 FinalizationRegistry 的使用在对象被清理时回调。如果遇到了 js 内存相关的优化再看吧。。
    WeakRefs in JavaScript: Explained In Simple Terms
    Understanding how WeakRef helps manage memory in JavaScript

    原理文章

  19. 锤子前端

    #开源 之前查看关于 「 React Router API Reference 」被这个纯粹的文档网站风格所吸引了，最近阅读「 Announcing: @smoores/epub 」的时候发现作者提到 「 TypeDoc 」就是前两者的文档生成器，太棒了

    #开源 之前查看关于 「 React Router API Reference 」被这个纯粹的文档网站风格所吸引了，最近阅读「 Announcing: @smoores/epub 」的时候发现作者提到 「 TypeDoc 」就是前两者的文档生成器，太棒了。持续关注总会有意想不到的收获！

    开源