题图：Bigfish x 情人节。
📒 基于gpt3引擎实现CLI版本的chatgpt~（数量取胜的go语言学习法）
📒 基于qwik和iris(go)写全栈啦-短链服务（数量取胜的go语言学习法）
📒 云原生运维相关文章
📒 【第2858期】React 纪录片心得 — 重新思考最佳实践
📒 Go 也要过情人节，并发布了安全更新 Go 1.20.1 和 Go 1.19.6
Go 也要过情人节，并发布了安全更新 Go 1.20.1 和 Go 1.19.6
📒 前端食堂技术周刊第 70 期：Volar 的新开端、Lighthouse 10、良好的组件设计、React 纪录片、2022 大前端总结
⭐️ 聊聊 Ant Design V5 的主题（上）：CSSinJS 动态主题的花活
📒 ChatGPT 相关
https://twitter.com/kliu128/status/1623472922374574080/
https://platform.openai.com/docs/api-reference/completions/create#completions/create-prompt
https://huggingface.co/datasets/fka/awesome-chatgpt-prompts
https://github.com/f/awesome-chatgpt-prompts
https://github.com/lencx/ChatGPT
📒 MDH 前端周刊第 87 期：re-render、Resumable React、ESLint 性能、监控
《React recursively re-renders child components, but there is a nuance》。Alex Sidorenko 的 React 可视化渲染系列文章 +1。通过可视化的方式告诉你为啥通过 children 渲染子组件，能避免 state 变更时子组件 re-render。
《Resumable React: How To Use React Inside Qwik》。关于如何在 Qwik 内使用 React，你可以建立 React 应用程序，而无需在用户的浏览器中加载 React。当然，在你需要交互的时候，还是需要动态加载 React（感觉不一定是件好事，没解决问题，只是把问题转移了，可能在交互时会卡一下）。
https://www.builder.io/blog/resumable-react-how-to-use-react-inside-qwik
《Speeding up the JavaScript ecosystem - eslint》。Speeding up 系列的第三篇。1）检测方法是 --cpu-prof + Speedscope（通常还可以用上 hyperfine 跑多次做 benchmark），2）解析器从 @typescript-eslint/parser 换成 @babel/eslint-parser + @babel/preset-typescript 可以节省不少时间，从 2.1s 到 0.6s，缺点是不支持 type-aware 的 linting 规则（我们通常也不会用他们），3）rslint 值得关注。
https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-3/
《Vite with ESLint》。手把手教你如何在 Vite 项目中加上和 Vite 集成的 ESLint，基于 vite-plugin-eslint。但个人感觉 ESLint 不应该集成（因为会影响构建速度），而应该单独用，同时编辑器里也有提示了，所以在提交和 CI 里做校验就够了。
《Custom React Hooks and When to Use Them》。关于自定义 Hooks，是什么、可复用的提取、不可复用的提取、提取数量等，最后还是要注意抽象的代价，抽象不是免费的，有时适当重复反而更好，推荐下 Dan 的 The Wet Codebase 分享。
《2022大前端总结和2023就业分析》。来自狼叔的年度大作，推荐。
《字节前端监控实践》。感觉含金量挺高的，摘录其中错误报警的部分。1）sourcemap 结果可以用 mozila 的 sourcemap 库进行反解，2）为了保密，sourcemap 不会传到公网，而是传给后端存在内部，Sentry 有类似工具（注：sourcemap 构建慢怎么办？并发多跑一次带 sourcemap 的），3）要做堆栈聚合，合并同类错误，4）通过记录 commit + git blame 可以直接分配报错信息到人。
MDH 前端周刊第 87 期：re-render、Resumable React、ESLint 性能、监控