丁少华

摘要： 集成tailwind 这一步较为简单，仅需按照官网步骤即可~ 这里不再赘述！ 稍微需要注意的是，你的集成配置都需要在 electron.vite.config.ts! 补全tsconfig.json { // ... "compilerOptions": { "composite": true, " 阅读全文

摘要： 入门版本 创建一个store，包含ctx、reduce、dispatch+action import { createContext, useContext } from 'react'; // 定义ctx export const defaultValue = { count: 0, }; exp 阅读全文

摘要： props与memo 如下所示例子中，因为App内部状态的更新，总会牵连其无辜子组件Demo的更新。 const Demo = () => { console.log('Demo render'); return ( <div> 我是子组件 </div> ); }; const App = () = 阅读全文

摘要： useSWR 重新验证机制完全指南 核心概念：Stale-While-Revalidate useSWR 的设计基于 "Stale-While-Revalidate"（陈旧但重新验证）模式： Stale（陈旧）：已缓存但可能不是最新的数据 Revalidate（重新验证）：后台检查并更新数据的过程 阅读全文

摘要： import { clsx, type ClassValue } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(cls 阅读全文

摘要： 问题本质 ScrollArea（如 Radix UI、shadcn/ui 等）无法滚动的根本原因是缺乏明确的高度约束。ScrollArea 需要知道自己的确切高度才能计算是否需要显示滚动条。 常见错误模式 // ❌ 错误：ScrollArea 无法获得明确高度 <div className="con 阅读全文

摘要： 原文在此！ 如果你正在管理多个 React 应用，并希望在ui保持一致，迟早你会发现需要一个组件库。 当我第一次想要创建一个 React 组件库时，花了很多时间 才找到一个满足我所有要求 且不太复杂的设置。 本篇指南可以为我节省大量与这些东西搏斗的精力，我也希望它能帮助到你。 此文章涵盖了 Reac 阅读全文

摘要： 我们经常会看到这样的场景：一个组件改了 props，紧接着用 useEffect 重置 useState；或者每次函数都用 useCallback 包起来，生怕性能不够“丝滑”。其实，这些“反射式优化”不仅没有带来好处，反而拖慢了你的 UI，制造了更多不可预测的问题。 React 官方文档已经为这些 阅读全文

摘要： 同步 const sleepSync = (time) => { // 🔒 故意卡 time 毫秒 // 这段代码一刻不停地占着主线程，浏览器既做不了布局，也画不了像素，更响应不了用户输入 // 整整 time 毫秒页面处于“卡死”状态。 const dead = performance.now( 阅读全文

摘要： guojiabing 大佬推荐了一些比较优秀的库，这里做一些笔记，防止忘记！ ahooks a就是alibaba 的第一个字母，也就是阿里加的产品！ 它内置了一堆好用且实用的hooks！ useRequest 封装的http请求hook // 同步xxx，其中返回值都是响应式的状态 const { 阅读全文