欢迎来到第 61 期的【视界修炼 – 技能周刊】,下面是本期的精选内容简介
强烈引荐
- 2023年工程师的 Mac 东西箱
开源东西&技能资讯
- react-exercise-playground – React playground 组件
- Caravaggio – 一个快速的图片处理服务
- eslint-stylistic
- 新版 React 文档中的九项最佳主张
AI东西&资讯
- 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 组件,能够单独在项目中接入运用
特点
- 能够在线编辑代码,供给实时交互式演示
- 支撑引进第三方库(ESM包)
- 主动从jsdelivr加载第三库ts类型文件
- 支撑自定义文件并动态引进,支撑ts/tsx/js/jsx/css/json
- 代码主动保存到 URL 上, 同享网址即可同享代码
- 纯前端部署, 不依靠服务器,可公司内部署运用内部包
3. Caravaggio – 一个快速的图片处理服务
能够依据 URL 参数将原图转换成不同大小、格式等。
部署非常简略,供给了 docker 和 npm 开箱即用的方法。
npm install -g caravaggio
caravaggio
运用也非常简略,在服务后拼参数即可
4. eslint-stylistic
由于保护成本高昂,ESLint 和 typescript-eslint 团队决定放弃中心中与格式化/风格相关的规矩,因而启动了该项目。此 repo 移植了这些规矩,并将它们作为独立的软件包发布,并将由社区进行保护。
目前看中心贡献者仍是 antfu 大神
5. 新版 React 文档中的九项最佳主张
- 在循环中给元素设置 key 时,运用安稳仅有标识符,不要运用索引
- 定义组件时放在文件顶层,不要嵌套
- state 中只存储核算所需的最小数据
- 除非性能问题明显,否则推延运用缓存
- 提取的同享函数只要调用 hook 才加 use 前缀
- 依据 prop 改动 state 时直接在组件函数中设置,不要在 effect 中
- 数据获取首选第三方库,不要只用 useEffect
- 响应事件时用事件处理函数,不要用 useEffect
- effect 依靠引起不必要重渲染时,去掉函数里的依靠,不仅是数组里的
AI东西&资讯
6. AIGC相关教程资源搜集
项目搜集了关于 AIGC 的各种精选教程和资源。
趣图
篇幅有限,如果你还没看够,可移步后面的引荐渠道,持续旅游,前史周刊(<20)移步博客
⭐️强力引荐关注
- 阮一峰: 科技爱好者周刊 – 记载每周值得同享的科技内容,周五发布
- 云谦:MDH 前端周刊 – 前端资讯和同享
- 童欧巴:前端食堂 – 你的前端食堂,吃好每一顿饭
- 前端RSS – 依据 RSS 订阅源抓取最新前端技能文章
- 值得一读技能博客 – 每天进步一点点,每天同享有料的技能文章!