视野修炼-技术周刊第61期
筆者在GitHub開(kāi)了個(gè) discussion ?? 技術(shù)&開(kāi)源&文章推薦，歡迎讀者推薦貢獻(xiàn)內(nèi)容或者知識(shí)渠道
歡迎來(lái)到第 61 期的【視野修煉 - 技術(shù)周刊】，下面是本期的精選內(nèi)容簡(jiǎn)介
??強(qiáng)烈推薦
- 2023年?????工程師的 Mac 工具箱
??開(kāi)源工具&技術(shù)資訊
- react-exercise-playground - React playground 組件
- Caravaggio - 一個(gè)快速的圖片處理服務(wù)
- eslint-stylistic
- 新版 React 文檔中的九項(xiàng)最佳建議
??AI工具&資訊
- AIGC相關(guān)教程資源收集
?也推薦大家關(guān)注一下最后的推薦內(nèi)容（周刊的主要內(nèi)容來(lái)源渠道）
下面開(kāi)始本期內(nèi)容的介紹，預(yù)計(jì)閱讀時(shí)間 6 分鐘。
??強(qiáng)烈推薦
1. 2023年?????工程師的 Mac 工具箱
Arc - 瀏覽器， Warp - 終端， Raycast - 啟動(dòng)器，Orbstack - 容器，Setapp - 軟件訂閱，CleanShotX - 截屏，OBS - 錄屏推流，Gifox - Gif圖制作， 1Password - 密碼管理器，Bartender - 菜單欄管理，Downie - 視頻下載，IINA / Infuse - 視頻播放器，iRightMouse - 鼠標(biāo)右鍵增強(qiáng)，PopClip / Bob - 鼠標(biāo)工具
Arc 和 Warp 目前筆者一直在用，其它的看著也還不錯(cuò)，按使用場(chǎng)景可以試試
??開(kāi)源工具&技術(shù)資訊
2. react-exercise-playground - React playground 組件
一個(gè)開(kāi)源的 React playground 組件，可以單獨(dú)在項(xiàng)目中接入使用
特點(diǎn)
- 可以在線編輯代碼,提供實(shí)時(shí)交互式演示
- 支持引入第三方庫(kù)（ESM包）
- 自動(dòng)從jsdelivr加載第三庫(kù)ts類型文件
- 支持自定義文件并動(dòng)態(tài)引入，支持ts/tsx/js/jsx/css/json
- 代碼自動(dòng)保存到 URL 上, 分享網(wǎng)址即可分享代碼
- 純前端部署, 不依賴服務(wù)器，可公司內(nèi)部署使用內(nèi)部包
3. Caravaggio - 一個(gè)快速的圖片處理服務(wù)
可以根據(jù) URL 參數(shù)將原圖轉(zhuǎn)換成不同大小、格式等。
部署非常簡(jiǎn)單，提供了 docker 和 npm 開(kāi)箱即用的方式。
npm install -g caravaggio
caravaggio
使用也非常簡(jiǎn)單，在服務(wù)后拼參數(shù)即可
http://localhost:8565/rotate,v:90/o:png/?image=https://sugarat.top/logo.png
4. eslint-stylistic
由于維護(hù)成本高昂，ESLint 和 typescript-eslint 團(tuán)隊(duì)決定放棄核心中與格式化/風(fēng)格相關(guān)的規(guī)則，因此啟動(dòng)了該項(xiàng)目。此 repo 移植了這些規(guī)則，并將它們作為獨(dú)立的軟件包發(fā)布，并將由社區(qū)進(jìn)行維護(hù)。
目前看核心貢獻(xiàn)者還是 antfu 大神
5. 新版 React 文檔中的九項(xiàng)最佳建議
- 在循環(huán)中給元素設(shè)置 key 時(shí)，使用穩(wěn)定唯一標(biāo)識(shí)符，不要使用索引
- 定義組件時(shí)放在文件頂層，不要嵌套
- state 中只存儲(chǔ)計(jì)算所需的最小數(shù)據(jù)
- 除非性能問(wèn)題明顯，否則推遲使用緩存
- 提取的共享函數(shù)只有調(diào)用 hook 才加 use 前綴
- 根據(jù) prop 改變 state 時(shí)直接在組件函數(shù)中設(shè)置，不要在 effect 中
- 數(shù)據(jù)獲取首選第三方庫(kù)，不要只用 useEffect
- 響應(yīng)事件時(shí)用事件處理函數(shù)，不要用 useEffect
- effect 依賴引起不必要重渲染時(shí)，去掉函數(shù)里的依賴，不僅是數(shù)組里的
??AI工具&資訊
6. AIGC相關(guān)教程資源收集
項(xiàng)目收集了關(guān)于 AIGC 的各種精選教程和資源。
??趣圖
篇幅有限，如果你還沒(méi)看夠，可移步后面的推薦渠道，繼續(xù)游覽，歷史周刊（<20）移步博客
??強(qiáng)力推薦關(guān)注
- 阮一峰: 科技愛(ài)好者周刊 - 記錄每周值得分享的科技內(nèi)容，周五發(fā)布
- 云謙：MDH 前端周刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，吃好每一頓飯
- 前端RSS - 根據(jù) RSS 訂閱源抓取最新前端技術(shù)文章
- 值得一讀技術(shù)博客 - 每天進(jìn)步一點(diǎn)點(diǎn)，每天分享有料的技術(shù)文章！
總結(jié)
以上是生活随笔為你收集整理的视野修炼-技术周刊第61期的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 日常的问题也是日常的修行
- 下一篇： AtCoder Beginner Con