欢迎来到第 61 期的【视界修炼 – 技能周刊】,下面是本期的精选内容简介

强烈引荐

  1. 2023年‍工程师的 Mac 东西箱

开源东西&技能资讯

  1. react-exercise-playground – React playground 组件
  2. Caravaggio – 一个快速的图片处理服务
  3. eslint-stylistic
  4. 新版 React 文档中的九项最佳主张

AI东西&资讯

  1. AIGC相关教程资源搜集

​也引荐大家关注一下最后的引荐内容(周刊的主要内容来源渠道)

下面开始本期内容的介绍,预计阅览时间 6 分钟。

强烈引荐

1. 2023年‍工程师的 Mac 东西箱

Arc – 浏览器, Warp – 终端, Raycast – 启动器,Orbstack容器Setapp – 软件订阅,CleanShotX – 截屏,OBS录屏推流,Gifox – Gif图制造, 1Password – 密码管理器,Bartender – 菜单栏管理,Downie – 视频下载,IINA / Infuse – 视频播放器,iRightMouse – 鼠标右键增强,PopClip / Bob – 鼠标东西

Arc 和 Warp 目前笔者一向在用,其它的看着也还不错,按运用场景能够试试

开源东西&技能资讯

2. react-exercise-playground – React playground 组件

一个开源的 React playground 组件,能够单独在项目中接入运用

视界修炼-技能周刊第61期

特点

  • 能够在线编辑代码,供给实时交互式演示
  • 支撑引进第三方库(ESM包)
  • 主动从jsdelivr加载第三库ts类型文件
  • 支撑自定义文件并动态引进,支撑ts/tsx/js/jsx/css/json
  • 代码主动保存到 URL 上, 同享网址即可同享代码
  • 纯前端部署, 不依靠服务器,可公司内部署运用内部包

3. Caravaggio – 一个快速的图片处理服务

能够依据 URL 参数将原图转换成不同大小、格式等。

视界修炼-技能周刊第61期

部署非常简略,供给了 docker 和 npm 开箱即用的方法。

npm install -g caravaggio
caravaggio

运用也非常简略,在服务后拼参数即可


视界修炼-技能周刊第61期

4. eslint-stylistic

由于保护成本高昂,ESLint 和 typescript-eslint 团队决定放弃中心中与格式化/风格相关的规矩,因而启动了该项目。此 repo 移植了这些规矩,并将它们作为独立的软件包发布,并将由社区进行保护。

视界修炼-技能周刊第61期

目前看中心贡献者仍是 antfu 大神

5. 新版 React 文档中的九项最佳主张

  1. 在循环中给元素设置 key 时,运用安稳仅有标识符,不要运用索引
  2. 定义组件时放在文件顶层,不要嵌套
  3. state 中只存储核算所需的最小数据
  4. 除非性能问题明显,否则推延运用缓存
  5. 提取的同享函数只要调用 hook 才加 use 前缀
  6. 依据 prop 改动 state 时直接在组件函数中设置,不要在 effect 中
  7. 数据获取首选第三方库,不要只用 useEffect
  8. 响应事件时用事件处理函数,不要用 useEffect
  9. effect 依靠引起不必要重渲染时,去掉函数里的依靠,不仅是数组里的

AI东西&资讯

6. AIGC相关教程资源搜集

项目搜集了关于 AIGC 的各种精选教程和资源。

视界修炼-技能周刊第61期

趣图

视界修炼-技能周刊第61期


篇幅有限,如果你还没看够,可移步后面的引荐渠道,持续旅游,前史周刊(<20)移步博客

⭐️强力引荐关注