锤子前端

Now vibe coding, so learning hammer FE ?

锤子前端

  2. 锤子前端

    #CSS 「使用纯JavaScript和CSS创建多步骤表单」以改善长表单的用户体验，特别是在移动设备上

    #CSS 「使用纯JavaScript和CSS创建多步骤表单」以改善长表单的用户体验，特别是在移动设备上。文章通过构建一个工作申请表单的实例，详细讲解了表单结构、样式、功能实现、错误处理和表单提交，并提供了GitHub代码仓库链接。
    CSS-Tricks
    How to Create Multi-Step Forms With Vanilla JavaScript and CSS | CSS-Tricks
    How to Create Multi-Step Forms With Vanilla JavaScript and CSS | CSS-Tricks
    When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way to polish the basics. Fatuma Abdullaho walks you through…

    CSS

  6. 锤子前端

    #文章 #React 文章讨论了作者在过去7个月中尝试了5种状态管理库（Zustand, Jotai, Valtio, MobX, XState）和1种数据获取库（Tanstack query）的经历，并分享了他对状态管理的理解和体验

    #文章 #React 文章讨论了作者在过去7个月中尝试了5种状态管理库（Zustand, Jotai, Valtio, MobX, XState）和1种数据获取库（Tanstack query）的经历，并分享了他对状态管理的理解和体验。

    https://www.frontendundefined.com/posts/monthly/react-state-management-reflections/
    frontend undefined
    Reflections on managing state
    Reflections on managing state
    In this post, I reflect on my experience of using multiple state management libraries and I describe the best practices I found for managing state in React.

    文章React

  9. 锤子前端

    #VScode 如果你的 VS Code 很卡，可以尝试关闭硬件加速，看看有没有变快

    #VScode 如果你的 VS Code 很卡，可以尝试关闭硬件加速，看看有没有变快。步骤如下：
    1、打开命令面板 (Mac 快捷键：Cmd + Shift + P，Windows 快捷键：Ctrl + Shift + P)
    2、输入 "Preferences: Configure Runtime Arguments"
    3、去掉这一行的注释（如果没有就加上去）: "disable-hardware-acceleration": true
    4、重启 VS Code

    - 前端充电宝

    VScode

  12. 锤子前端

    #文章 #React 「如何 Docker 化 React 应用程序：开发人员分步指南」从 #Docker 基础入手，逐步指导创建Dockerfile、构建和运行Docker镜像，以及将镜像发布到Docker Hub

    #文章 #React 「如何 Docker 化 React 应用程序：开发人员分步指南」从 #Docker 基础入手，逐步指导创建Dockerfile、构建和运行Docker镜像，以及将镜像发布到Docker Hub。
    Docker
    How to Dockerize a React App: A Step-by-Step Guide for Developers | Docker
    How to Dockerize a React App: A Step-by-Step Guide for Developers | Docker
    We show how to dockerize a React app to streamline your development process, eliminate "it works on my machine" problems, and ensure seamless deployments.

    文章ReactDocker

  13. 锤子前端

    #文章 #React 「编译器 react compiler 对代码实际性能的影响」

    #文章 #React 「编译器 react compiler 对代码实际性能的影响」
    - 交互性能——它们得到了改善，有的改善很多，有的改善一点。
    - 它能捕获所有重新渲染吗？不，而且永远不会。
    Developer Way
    How React Compiler Performs on Real Code
    How React Compiler Performs on Real Code
    Exploring the impact of React Compiler on initial load and interaction performance. With numbers. Measured on a real app.

    文章React

  15. 锤子前端

    #文章 #UX #CSS 「CSS 文本使用 text-wrap:balance 进行平衡」对于长段落还有新特性里面的「CSS text-wrap: pretty」，如果在 #React 项目中需求一种兼容性更好的方案，可以参考「React Wrap Balancer」

    #文章 #UX #CSS 「CSS 文本使用 text-wrap:balance 进行平衡」对于长段落还有新特性里面的「CSS text-wrap: pretty」，如果在 #React 项目中需求一种兼容性更好的方案，可以参考「React Wrap Balancer」。
    Ishadeed
    CSS Text balancing with text-wrap:balance
    CSS Text balancing with text-wrap:balance
    A look at text wrap balancing in CSS

    文章UXCSSReact

  16. 锤子前端

    #文章 #UX 「如何选择正确的定性研究方法」关于如何选择正确的定性研究方法的指导，包括何时进行定性研究、不同的数据收集方法以及如何根据研究目标选择合适的方法

    #文章 #UX 「如何选择正确的定性研究方法」关于如何选择正确的定性研究方法的指导，包括何时进行定性研究、不同的数据收集方法以及如何根据研究目标选择合适的方法。研究深度和严谨性的重要性，定义研究声明和目标，区分生成性与评估性研究，并提供了一个UX研究方法的速查表，以帮助读者在时间紧迫时快速参考。

    文章UX

  17. 锤子前端

    #UX #文章 「战略性用户体验 UX 研究的重要性」基于用户研究来改进产品而不是运气和想象

    #UX #文章 「战略性用户体验 UX 研究的重要性」基于用户研究来改进产品而不是运气和想象。另外还有一篇辩证讨论「为什么“任何人都可以进行用户研究”的想法是一个糟糕的想法」用户研究和调研也是一门学问，需要根据实际探讨。
    Medium
    Strategic UX research doesn’t need fancy tools
    Strategic UX research doesn’t need fancy tools
    How to align your startup around what matters to your users

    UX文章