不知答案尚可求，不知问题何以谋。
#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
#VScode

就算不依靠第三方插件，也可以显示当前行的修改者了。使用 `git.blame.editorDecoration.enabled` 和 `git.blame.statusBarItem.enabled `设置启用此功能。也可以通过 `git.blame.editorDecoration.template` 自定义展示的格式。
{
    "git.blame.editorDecoration.template": "${subject}, ${authorName} (${authorDateAgo})"
}
VScode
#开源 零配置且极小的虚拟列表组件。

https://github.com/inokawa/virtua
GitHub
GitHub - inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
GitHub - inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte. - inokawa/virtua
开源
#文章 #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.
文章 React Docker
#文章 #React 「编译器 react compiler 对代码实际性能的影响」
- 交互性能——它们得到了改善，有的改善很多，有的改善一点。
- 它能捕获所有重新渲染吗？不，而且永远不会。
Developerway
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
#VScode 消除 tailwind v3 导入的警告
VScode
#文章 #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
文章 UX CSS React
#文章 #UX 「如何选择正确的定性研究方法」关于如何选择正确的定性研究方法的指导，包括何时进行定性研究、不同的数据收集方法以及如何根据研究目标选择合适的方法。研究深度和严谨性的重要性，定义研究声明和目标，区分生成性与评估性研究，并提供了一个UX研究方法的速查表，以帮助读者在时间紧迫时快速参考。
www.notably.ai
UX Research: Choosing the right qualitative methods | Notably
UX Research: Choosing the right qualitative methods | Notably
There are a variety of different methods that can be used in qualitative research. This handy guide takes you through each.
文章 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 文章
#效率 #VScode 特殊文件自定义 labels 和展示效果
效率 VScode
#效率 #VScode 通过如下方式可以在侧边新窗口打开当前声明的源：

- MacOS：`cmd + option + click`
- Windows：`ctrl + alt + click`
效率 VScode
#原理 #库 `npm create` 的原理以及如何创建一个自己的 `create` 指令
Alexchantastic
Building an npm create package — Alex Chan
Building an npm create package — Alex Chan
A tutorial on building an npm create package.
原理 库
#TS #网站 披荆斩棘之 TS
Adventofts
Advent of TypeScript
Advent of TypeScript
Advent of TypeScript is a month-long event running from December 1 to Christmas, featuring daily TypeScript challenges. Participants can test their skills, climb the leaderboard, and engage with the TypeScript community
TS 网站
#React #文章 「React 项目中的文件结构」和「基于特性的 React 架构」以支持大规模应用程序的构建和维护。
www.robinwieruch.de
React Folder Structure in 5 Steps [2025]
React Folder Structure in 5 Steps [2025]
React Folder Structure in 2025 for large React projects. The guide walks you through a file structure from small to large project ...
React 文章
#TS #文章 「您应该使用的基本 tsconfig.json 选项」
Duy NG
Essential tsconfig.json options you should use
Essential tsconfig.json options you should use
A guide to essential tsconfig.json options for boosting TypeScript code safety, performance, and reliability.
TS 文章
#文章 #React 「在React中充分利用i18next」i18next库在React应用国际化过程中的高级特性和功能。
- 复数处理
- 命名空间
- 默认值
- Trans 组件
Lingual
Getting more out of i18next in React
A collection of tips and tricks to get more out of i18next and react-i18next when using it with your application or website. This post covers a wide range of topics, including pluralization, React components, hooks, validation, TypeScript and much more.
文章 React
#文章 #React 在 「React 项目中提升 INP」如何在使用React时改进交互到下一次绘制（INP），这是衡量用户体验和Google搜索排名的核心网络生命指标之一。
- 升级到React 18
- 并发渲染
- 选择性水合、渐进水合（Suspense）
- 事件处理和重新渲染（startTransition）
- 替换同步useEffects（useAfterPaintEffect）
- 中止冗余工作（AbortController）
kurtextrem.de
How To Improve INP: React⚛️
How To Improve INP: React⚛️
All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
文章 React
#AI #文章 辩证讨论「为什么人工智能让开发技能变得更有价值，而不是更少」
Builder.io
Why AI Is Making Dev Skills More Valuable, Not Less
Why AI Is Making Dev Skills More Valuable, Not Less
AI isn't replacing devs, it's making them more valuable. Let's look at how the job of devs is evolving and how it impacts teams
AI 文章
Before
After
Back to Top