Next.js 即将迎来重大更新

919 阅读2分钟

🔥 本周热门

2022 年 React 状态管理库综述 — React 的优势在于它可以灵活地适应不同的开发方式,其中也包括状态管理方面。这篇文章总结了几个流行的状态管理库,包括 Zustand、Recoil(来自 Facebook)、XState,当然还有 Redux。

www.albertgao.xyz/2022/02/19/…

Next.js 后续规划的 RFC:即将到来的重大变化 — 如果你是 Next.js 的用户,你应该会想要阅读这篇文章,因为一些重要的更新正在进行中,特别是在路由、应用结构和布局(包括嵌套布局)方面。

nextjs.org/blog/layout…

构建交互式星空背景 — 一篇教你构建 React 背景组件的完整教程,可以为你的站点带来交互式的视觉背景。

css-tricks.com/an-interact…

如何使 React 和 React Native 应用的体验保持一致 — 一个生产力应用程序的开发人员会希望不需要付出艰苦的努力就可以使 Web 和移动端应用之间保持一致性。看看本文是如何使用 tailwindcss-react-native 和 Legend Motion 在 React 和 React Native 之间保持相同的样式和动画模式。

legendapp.com/dev/react-a…

快讯

  • 介绍 如何将 Storybook 用于自动化可访问性测试

storybook.js.org/blog/automa…

  • 上周四是 全球无障碍宣传日,React Native 团队发布了关于 React Native 改善无障碍环境 的最新进展。

accessibility.day/

使用 Three.js:一款流行的 3D JavaScript 库 — 这是一个全面的教程,从 three.js 基础开始,扩展到如何在 React 项目中使用它。

betterprogramming.pub/working-wit…

▶  构建并部署一个 React Admin 控制台应用 — 一个时长四个小时的视频攻略。

www.youtube.com/watch?v=jx5…

▶  一个三小时的 React Native 速成课

www.youtube.com/watch?v=Voz…

🛠  代码与工具

图片

kbar:使用 CMD + K 为你的网站唤出命令面板 — 这是一个 React 组件,它能使用 Command + K (Windows/Linux 上使用 Ctrl + K)快捷键为你的网站唤出“命令面板”来快速执行一些常见操作,就像许多应用如 IDE 中那样。点击 这里 来尝试一下吧。

github.com/timc1/kbar

React-Uploady v1.0:提供文件上传的组件及 hooks — 该库的主要目标是在保持定制化的同时尽可能地简化使用方式。你可以轻松地实现点击按钮上传、预览、拖拽上传等一系列功能。文档 中有许多例子可供参考,另外还有一段 录频 可供你进一步直观了解。

react-uploady.org/

React Ape:利用 Canvas 和 WebGL 构建 UI — 这是一个 React 渲染器,使用 Canvas 以及 WebGL 来构建用户界面。它的目标平台包括电视,PlayStation,Nintendo Switch 以及其他小内存设备。

raphamorim.io/react-ape/

⚡️ 好库推荐:

react-datepicker — 一款经过市场检验且更新频繁的日期选择器组件,点击查看 demo

any-touch — 该库搭载 6 个手势识别器,体积小且无依赖

react-jsx-highcharts — React 组件形式的 highcharts