2023-02-05发表2023-02-06更新 Sea Weekly7 分钟读完 (大约1119个字)0次访问

第 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来实现列表页的逻辑复用