周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。
📰 News
Parcel 2
Parcel 2由Rust重写,性能有了很大的提升,本次更新:
- 🔌 全新的插件系统
- 🌳 默认启用tree shaking,并支持ES modules、CommonJS、dynamic imports和CSS modules
- 🚀 巨大的性能提升
- ✂️ 自动code splitting
- 🖼 图片尺寸变化、格式转化以及优化, 支持AVIF和WebP,以及对JPEG、PNG无损压缩
- 等等
更多内容可以查看下面官方公告。
React Router 6
可能是发布前最后一个beta版。
- 花了不少篇幅为 remix 实现中心配置式路由,
<Router>
+ useRoutes 的组合,Umi 4 已切到这个版本 - 提供
<Outlet />
渲染子路由,不能用 props.children 了 - 全面支持相对路径,子路由不用写父路由路径
- 用 useNavigate() 进行编程式跳转
- 不再提供
<Switch />
,用<Routes />
代替 <Route index />
表示 Index 路由<Route />
不能被封装,比如封装一个<PrivateRoute />
用于权限,取而代之的是<Route element />
的方式<Routes />
可以嵌套,嵌套在<Route />
下的<Routes />
会基于前者的 path,注意前者的 path 加 * 后缀,否则后者不匹配时会不显示- 不再提供
<Redirect />
,推荐服务端判断了直接跳,小成本升级也可用<Navigate replace to="/home" />
,缺点是不支持服务端渲染
https://github.com/remix-run/react-router/releases/tag/v6.0.0-beta.7
Nuxt 3 Beta
Nuxt 3发布了beta版本,其中一个关键更新是引入了新的Serve