锤子前端

Now vibe coding, so learning hammer FE ?

锤子前端

  1. 锤子前端

    #React #tailwind shadcn/ui 团队开源了他们构建的用于测试 Tailwind v4 和 React 19 支持的 app

    #React #tailwind shadcn/ui 团队开源了他们构建的用于测试 Tailwind v4 和 React 19 支持的 app。这是一个支持自定义主题、颜色和缩放的仪表板，还包含一个整洁、灵活的数据表。

    https://v4.shadcn.com/dashboard
    shadcn/ui
    shadcn/ui
    A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

    Reacttailwind

  2. 锤子前端

    #文章 #React 文章深入探讨了 React 开发中的服务器端渲染（SSR）、预渲染、静态站点生成（SSG）以及它们的性能影响、优缺点和实现方式

    #文章 #React 文章深入探讨了 React 开发中的服务器端渲染（SSR）、预渲染、静态站点生成（SSG）以及它们的性能影响、优缺点和实现方式。

    https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
    Developer Way
    SSR Deep Dive for React Developers
    SSR Deep Dive for React Developers
    Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.

    文章React

  3. 锤子前端

    URL 是存储 React 状态的绝佳位置 —— 这是一个颇具争议的观点，当然它更适合某些特定场景而非所有情况

    URL 是存储 React 状态的绝佳位置 —— 这是一个颇具争议的观点，当然它更适合某些特定场景而非所有情况。

    https://iamsahaj.xyz/blog/react-state-in-the-url/
    iamsahaj.xyz
    The URL is a great place to store state in React
    The URL is a great place to store state in React
    Why it's a good idea to use the URL to store state

  5. 锤子前端

    #TS 大事件 根据微软的计划，TypeScript 7.0（Go版本）预计将在2025年年中发布一个支持命令行类型检查的预览版

    #TS 大事件 根据微软的计划，TypeScript 7.0（Go版本）预计将在2025年年中发布一个支持命令行类型检查的预览版。到2025年底，完整支持项目构建和语言服务的版本有望发布。此外，TypeScript 6.x（JavaScript版本）将继续维护，直到TypeScript 7.x足够稳定并被广泛采用。

    https://2ality.com/2025/03/typescript-in-go.html

    TS

  8. 锤子前端

    #React #文章 如何将 ProseMirror 的渲染器从原生实现迁移到 React，并解决了 React 和 ProseMirror 在集成过程中遇到的诸多问题

    #React #文章 如何将 ProseMirror 的渲染器从原生实现迁移到 React，并解决了 React 和 ProseMirror 在集成过程中遇到的诸多问题。

    https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
    smoores.dev
    Why I rebuilt ProseMirror’s renderer in React
    For the past year and a half, I’ve been re-writing the renderer for ProseMirror, the popular rich text editing library. This new renderer has finally been marked as stable and published as part of @handlewithcare/react-prosemirror, a library that integrates…

    React文章

  10. 锤子前端

    #React 学习如何使用 React Three Fiber 创建一个简化版的移动游戏《跳跳路》的克隆版

    #React 学习如何使用 React Three Fiber 创建一个简化版的移动游戏《跳跳路》的克隆版。#ReactThreeFiber #Threejs #JavaScript #TypeScript

    https://javascriptgametutorials.com/tutorials/react-three-fiber/crossy-road
    JavaScript Game Tutorials
    Crossy Road with React Three Fiber
    Crossy Road with React Three Fiber
    In this tutorial, we learn how to create a simplified clone of the mobile game Crossy Road with React Three Fiber.

    ReactReactThreeFiberThreejsJavaScriptTypeScript

  13. 锤子前端

    #UX #文章 CSS 中的各种颜色格式，包括 hex（十六进制）、RGB、HSL、LCH 等，并探讨了它们的使用场景、优缺点以及现代 CSS 中颜色格式的最新发展

    #UX #文章 CSS 中的各种颜色格式，包括 hex（十六进制）、RGB、HSL、LCH 等，并探讨了它们的使用场景、优缺点以及现代 CSS 中颜色格式的最新发展。 https://www.joshwcomeau.com/css/color-formats/
    Joshwcomeau
    Color Formats in CSS - hex, rgb, hsl, lab • Josh W. Comeau
    Color Formats in CSS - hex, rgb, hsl, lab • Josh W. Comeau
    CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this article, we'll take a tour of color formats in CSS, and…

    UX文章

  17. 锤子前端

    #文章 关于 JWT（JSON Web Tokens）与 Opaque Tokens（不透明令牌）的对比

    #文章 关于 JWT（JSON Web Tokens）与 Opaque Tokens（不透明令牌）的对比。文章详细介绍了这两种在 OAuth2 中用于 API 访问的令牌格式，包括它们的工作原理、优缺点，以及何时使用它们的最佳场景。此外，还提到了一种结合使用 JWT 和 Opaque Tokens 的混合方法，以平衡性能和安全性。

    https://sergiodxa.com/tutorials/jwt-vs-opaque-tokens
    Sergio Xalambrí
    How to JWT vs. Opaque Tokens by sergiodxa
    JWTs offer fast, stateless authentication, while opaque tokens provide better revocation control. Which one should you use?

    文章

  18. 锤子前端

    #React #文章 文章的核心观点是，Redux 以及大多数其他状态管理库可能已经不再适合现代的 React 开发，尤其是对于普通的 CRUD（创建、读取、更新、删除）企业级应用

    #React #文章 文章的核心观点是，Redux 以及大多数其他状态管理库可能已经不再适合现代的 React 开发，尤其是对于普通的 CRUD（创建、读取、更新、删除）企业级应用。作者认为，将应用描述为“全局状态”的方式往往是一种有害的思维模式，不利于模块化和封装。随着 React Hooks 的出现，许多新的状态管理库（如 Zustand、Recoil 等）开始流行，它们提供了更简单直观的 API，但 Redux 依然通过 RTK（Redux Toolkit）和 RTK Query 等形式存活下来。

    https://www.bennett.ink/its-probably-time-to-stop-recommending-redux

    React文章

  19. 锤子前端

    #TS #文章 什么是Typescript ？

    #TS #文章 什么是Typescript ？

    https://2ality.com/2025/02/what-is-typescript.html
    2Ality
    What is TypeScript? An overview for JavaScript programmers
    Read this blog post if you are a JavaScript programmer and want to get a rough idea of what using TypeScript is like (think first step before learning more details). You’ll get answers to the following questions: How is TypeScript code different from JavaScript…

    TS文章