湖中剑 前端周刊 #11 | VSCode插件开发、策略模式、React Router 6、位运算技巧、Nuxt 3、打字机效果

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

📰 News

Parcel 2

Parcel 2由Rust重写,性能有了很大的提升,本次更新:

  • 🔌 全新的插件系统
  • 🌳 默认启用tree shaking,并支持ES modules、CommonJS、dynamic imports和CSS modules
  • 🚀 巨大的性能提升
  • ✂️ 自动code splitting
  • 🖼 图片尺寸变化、格式转化以及优化, 支持AVIF和WebP,以及对JPEG、PNG无损压缩
  • 等等

更多内容可以查看下面官方公告。

https://parceljs.org/blog/v2/

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值