get-windows
获取活动窗口和打开窗口的元数据(标题、ID、边界、所有者等),适用于macOS 10.14+, Linux (note), and Windows 7+.
Github: GitHub - sindresorhus/get-windows: Get metadata about the active window and open windows (title, id, bounds, owner, etc)
Knip
一个用于查找 JavaScript 和 TypeScript 项目中未使用的文件、依赖关系和导出的自动化工具,便于在项目中删除无用的东西,链接: Knip | knip.dev
Terminosaurus
Terminosaurus是一个开源的终端GUI库,可以轻松创建终端应用程序。它不依赖于任何特定的框架,但提供了一个强大的React渲染器,您可以使用它来创建复杂的终端应用程序。
link: Overview - Documentation
Rough.js
Rough.js 是一个小巧(<9kB 压缩后)的图形库,可以让您以草图般、手绘般的风格绘制图形。该库定义了用于绘制线条、曲线、弧线、多边形、圆形和椭圆的基本图形。它还支持绘制 SVG 路径。可与 Canvas 和 SVG 一起使用。很火的Excalidraw 就是依赖于 Rough 实现的
链接:Rough.js
Markdowner
一个快速工具,可将任何网站转换为 LLM 就绪的 Markdown 数据,数据是结构化且可预测的,支持在线访问和自部署,链接:md.dhr.wtf/?ck_subscriber_id=2186821221
Transform
一个多语种的在线转换器,开源,支持Svg to JSX、HTML to JSX、JSON to JSDoc、JSON to zod Schema 等等… 链接:GitHub - ritz078/transform: A polyglot web converter.
Post
- Locality of Behavior in React Components | Alex Kondov - Software Engineer - React 组件中行为的位置行
- 编程是通过代码解决问题,而工程则是长期维护解决方案。前者很容易,但后者并不容易。行为的局部性是使软件维护更容易的原因之一
- 内联样式,但是不要内联逻辑。通过抽象逻辑的方式(例如Hooks来实现
- Node.js — Node.js 22 is now available! - Node v22 版本更新
- require 现在可以在 Common JS 中导入 ESM 模块并正常工作,这将有助于完全消除Common JS
node --watch
现在已经稳定,可用来监听文件的更改,无需第三方工具重新启动进程- 实验性的
node --run
,现在可是直接使用node --run
来执行package.json
中的script
脚本,而无需npm
、yarn
或者pnpm
- What is Vite (and why is it so popular)? - 什么是Vite?为什么它如此受欢迎?
- The Front End Developer/Engineer Handbook 2024 - 2024 年前端开发工程师手册
- 《我是如何晋升为软件工程师的》
- 通往简洁React架构之路 - 应用程序接口层和获取功能
- 糟糕的代码:混合应用程序接口和UI界面代码 - 讨论如何将APi相关代码与UI界面代码分离
- 对于UI界面来说
- 它不应该关心发送的是GET、POST还是PATCH请求
- 它不应该关心API的确切路径是什么
- 它不关系如何将请求参数传递给API接口
- 它升值不应该关系链接的是REST API 还是 Websocket
- 《为什么修补全局变量是有害的》
- Compare 5 Node Version Managers: Best Choice - 介绍了五种Node版本管理工具
- nvm: 最受欢迎,不夸平台、通过 .nvmrc 指定版本
- n:不跨平台、比 nvm 还要更多限制、可以从
package.json
的“engines”部分直接检测Node版本 - FNM:Rust实现、跨平台、每个
shell
单独的版本、非全局版本、可根据项目文件夹自动切换版本 - Volta:Rust实现、跨平台、使用
package.json
无需创建额外文件、可以管理工具链如动态切换Node和Yarn版本 - Pnpm: 不是专门的Node版本管理器、只能全局管理Node.js版本,不能每个shell配置- 通常被视为NPM和Yarn的替代品的包管理器。
- 前端测试最佳实践-单元测试与集成测试
- Why React Query? - 为什么选择React Query?