Skip to content

视野修炼第61期

笔者在GitHub开了个 discussion 🔥 技术&开源&文章推荐,欢迎读者推荐贡献内容或者知识渠道

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

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

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

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 组件,可以单独在项目中接入使用

特点

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

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

可以根据 URL 参数将原图转换成不同大小、格式等。

部署非常简单,提供了 docker 和 npm 开箱即用的方式。

sh
npm install -g caravaggio
caravaggio

使用也非常简单,在服务后拼参数即可

sh
http://localhost:8565/rotate,v:90/o:png/?image=https://sugarat.top/logo.png

4. eslint-stylistic

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

目前看核心贡献者还是 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 的各种精选教程和资源。

😛趣图


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

⭐️强力推荐关注