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

261 阅读2分钟

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

📰 News

Electron 16.0.0

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

www.electronjs.org/blog/electr…

React 18 beta

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

github.com/reactwg/rea…

📖 文章

尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!

juejin.cn/post/702391…

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

mp.weixin.qq.com/s/u_UDaYgeU…

React Router 6 教程

www.robinwieruch.de/react-route…

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

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

mp.weixin.qq.com/s/IanpQznpA…

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

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

mp.weixin.qq.com/s/HILYTjd_S…

Webpack5为什么会慢?

engineering.tines.com/blog/unders…

🛠 工具、软件

React Location:企业级路由

React Router的竞争者出现了。

react-location.tanstack.com/

Puppeteer迁移到Playwright指南

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

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

www.checklyhq.com/guides/pupp…

Auto: 自动发布

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

intuit.github.io/auto/

Nodekeeper: Nodemon的轻量级替代品

github.com/Pankajtanwa…


周刊首发于GitHub,欢迎订阅:

我的周刊