湖中剑 前端周刊 #14 | React路由、React 18、RUST、AR撸猫、自动发布

周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。

📰 News

Electron 16.0.0

常规更新，支持Chrome 96、Node 16.9.1、V8 9.6、WebHID API。

https://www.electronjs.org/blog/electron-16-0

React 18 beta

• 正式版还要数月，最早可能在2022年前几个月
• Beta 版引入三个新 API，useSyncExternalStore、useId 和 useInsertionEffect
• 目前是 feature complete 阶段，正式版前不引入新功能
• 社区方面，Next.js、Gastby、React-Redux、Zustand、Apollo、Umi 4 等都会跟进支持 React 18 Beta

https://github.com/reactwg/react-18/discussions/112

📖 文章

尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！

https://juejin.cn/post/7023910122770399269#heading-15

使用 Vue3 + AR 撸猫，才叫好玩

https://mp.weixin.qq.com/s/u_UDaYgeUkyJKgB0f6jk5Q

React Router 6 教程

https://www.robinwieruch.de/react-router/

NestJS、TypeORM 和 PostgreSQL 项目开发和数据库迁移完整示例

当 Node.js Server 项目越来越大时，将数据和数据库整理规范是很难的，所以从一开始就有一个好的开发和项目设置，对你的开发项目的成功至关重要。在这篇文章中，向你展示是如何设置大部分 Nest.js 项目的，我们将在一个简单的 Node.js API 上工作，并使用 PostgreSQL 数据库作为数据存储，并围绕它设置一些工具，使开发更容易上手。

https://mp.weixin.qq.com/s/IanpQznpAqL6_tYCl2e7IA

精读《Rust 是 JS 基建的未来》

前端基建的迭代浪潮从未停歇，当上面这些工具给 Gulp、js-beautify、tslint 等工具盖上棺材盖时，基于 Rust 的新一代构建工具已经悄悄将棺材盖悬挂在 webpack、babel、prettier、terser、eslint 它们头上，不知道哪天就会盖上。

https://mp.weixin.qq.com/s/HILYTjd_Sr6hy68J9EaBag

Webpack5为什么会慢？

https://engineering.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack

🛠 工具、软件

React Location：企业级路由

React Router的竞争者出现了。

https://react-location.tanstack.com/

Puppeteer迁移到Playwright指南

Playwright是微软开源的自动化测试工具，和Puppeteer相比，有什么优点呢？

• Playwright一直处于蓬勃发展期，而Puppeteer目前就是修修补补，在功能上有差距。
• Playwright在E2E测试中有性能优势。
• Playwright的脚本似乎更可靠
• GitHub、Twitter、Slack上的Playwright社区一直很活跃，Puppeteer却有些沉寂了。

https://www.checklyhq.com/guides/puppeteer-to-playwright/

Auto: 自动发布

Auto的作用是实现自动发布，而且无需改变现在有流程。

https://intuit.github.io/auto/

Nodekeeper: Nodemon的轻量级替代品

https://github.com/Pankajtanwarbanna/nodekeeper

---

周刊首发于GitHub，欢迎订阅：

我的周刊