第 04 菜谱：在浏览器控制台安装npm包是什么操作？
Hi，我是 Sea，欢迎打开新一期的「每周菜谱」，这是第「04」期，发表于 2023-02-05，我们先来看看每周有什么值得推荐的
每周推荐
在浏览器控制台安装 npm 包是什么操作？
https://king-hcj.github.io/2021/10/27/console-npm-install/
我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存储库的 npm，却依然如日中天，还是世界上最大的软件注册表。
通常，我们通过npm install xxx在 React、Vue、Angular 等现代前端项目中安装依赖，但是前端项目在本质上还是运行在浏览器端的 HTML、JavaScript 和 CSS，那么，我们有办法在浏览器控制台直接安装 npm 包并使用吗?
A Cure for React useState Hell?
https://www.builder.io/blog/use-reducer
拯救 useState 地狱？ —– 使用 useReducer。
Preact 开始采用 Vue3 的响应式设计
https://juejin.cn/post/7163528906539008030
抛弃 moment.js，基于 date-fns 封装日期相关 utils
https://juejin.cn/post/7151050708094189582
日期处理库：官方停止维护的 moment.js，无缝代替 moment.js 的 day.js，逐渐流行的 date-fns，最后基于date-fns封装常用日期处理的utils。
2023 年了，如果项目中有用moment.js的可以用day.js代替减少体积做优化，新项目可以选择考虑date-fns。
javascript-testing-best-practices
https://github.com/goldbergyoni/javascript-testing-best-practices
本指南可以助你将测试能力提升到下一层级
技术实践
把 puppeteer 融入调试流程，调试体验爽翻了！
https://mp.weixin.qq.com/s/lAKomnFaMoff1lV_9VqcCg
可以思考下这种调试方式的可行性
这样封装列表 hooks,一天可以开发 20 个页面
https://juejin.cn/post/7165467345648320520
在做移动端的需求时，我们经常会开发一些列表页，这些列表页大多数有着相似的功能：分页获取列表、上拉加载、下拉刷新···
在 Vue 出来 compositionAPI 之前，我们想要复用这样的逻辑还是比较麻烦的，好在现在 Vue2.7+都支持 compositionAPI语法了，这篇文章将 手把手带你用 compositionAPI 封装一个名为 useList 的 hooks来实现列表页的逻辑复用
手撕 babel 插件-消灭 console！
https://juejin.cn/post/7155765227986878494
写一个 babel 插件来去除生产环境的 console.log
前端性能-首次加载优化 70%
https://juejin.cn/post/7153527700286603300
拓展边界
别再问我 WiFi 密码了：这两个 GitHub 帮你解决
https://juejin.cn/post/6985183527973158942
这个场景在你生活中是不是经常出现？
自己设置的 WiFi 的密码却忘记了，而且来一个客人都需要说一次密码，年纪大一点的还得需要你帮他连上 WiFi。
如果你也觉得这事儿有点麻烦，可以从这个文章中找一个简单高效的办法。
DeliberatePracticeVimIn30Days
https://github.com/itgoyo/DeliberatePracticeVimIn30Days
刻意练习 Vim30 天能达到什么效果，是麻瓜，还是成神？
ARCHIVEBOX
🗃 Open source self-hosted web archiving. Takes URLs/browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more…
久坐后想让身体休息一下，不如试试这 9 款 Mac 应用
对着电脑屏幕端坐一个下午，终于完成了手头的工作。合上屏幕起身之时，感觉腰背一阵酸疼；两眼更是疲惫不堪。于是不禁感叹：多少次了……下次中间要记得暂停休息一下。感叹久了，就会想要设法解决这个问题。这 9 款 MAC 应用总有一款适合你，他们都是运行在后台，定时跳出来提醒你「该休息一下了」
小结
如果你喜欢每周菜谱，请转发给你的朋友，告诉他们来这里进行订阅~
订阅地址：https://mrseawave.github.io/blogs/
每周菜谱，让你做饭更开心~
第 04 菜谱：在浏览器控制台安装npm包是什么操作？
