Yang

Dev Explorer Weekly.037

0 views
2 mins

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)

image.png

Knip

一个用于查找 JavaScript 和 TypeScript 项目中未使用的文件、依赖关系和导出的自动化工具,便于在项目中删除无用的东西,链接: Knip | knip.dev

image.png

Terminosaurus

Terminosaurus是一个开源的终端GUI库,可以轻松创建终端应用程序。它不依赖于任何特定的框架,但提供了一个强大的React渲染器,您可以使用它来创建复杂的终端应用程序。 link: Overview - Documentation image.png

Rough.js

Rough.js 是一个小巧(9kB 压缩后)的图形库,可以让您以草图般、手绘般的风格绘制图形。该库定义了用于绘制线条、曲线、弧线、多边形、圆形和椭圆的基本图形。它还支持绘制 SVG 路径。可与 Canvas 和 SVG 一起使用。很火的Excalidraw 就是依赖于 Rough 实现的 链接:Rough.js image.png

Markdowner

一个快速工具,可将任何网站转换为 LLM 就绪的 Markdown 数据,数据是结构化且可预测的,支持在线访问和自部署,链接:md.dhr.wtf/?ck_subscriber_id=2186821221 image.png

Transform

一个多语种的在线转换器,开源,支持Svg to JSX、HTML to JSX、JSON to JSDoc、JSON to zod Schema 等等… 链接:GitHub - ritz078/transform: A polyglot web converter. image.png

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?