reactdigest

星期日 08 晚上 十月 27o 2024

RD#478 Next.js 15

RD#478 Next.js 15

[在线阅读](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8hErXB2vrDHg5DYaj51xP1WNIqQHEs7IF54BqDvuxG1I5qPSs3O7L0KJRZvtPHs6gXItmyVkdfms6h56zkYAqT5Vk E_cSu0tLEkyY7idVfV7VLJmluVRsjqdIHJwKvObSG8QJL0mYQLej71Uuaoqs92KzJT-Y9BJM1ZwGBzoowK1ln6st2aus4-gjlUzBROtCq3k3TZpAFO6H8-UpPkH_wiQei-HZtQck5394mvkx S0QtsGlY0cjlm9Ajz1Md4BbfaSmBMY009z3WMwegxycNthE4kDMd14IRszWxrgU2cFLln__XpZQbsz0gxM3YkS10O3YJEU6lMOwOxEad9Ga8z9hl9xXhpV_symvXJeFlQgqwH-mjTEuM3 HoecrDHqiygi4x5NQplsq5c0JIty7L17GxvHSgfPY-6MqZTyTB8ZBaDLZK3LxTyP-IycMn8aJrYPd3YfHwdZkBOWmLyckrlQCFxNdRRAI7dFhUmfKFjdM7XGd-JaWXUeN2Y9korxf78G6PUtKO5 BSAM7mzMI4SqcjyM51N5-At4qrpnGYX_q8kLNSU0jgosycNQb0JJNrCcJek5uSceO0rM5rDFNvzjjaFvh2Rnb24OJ8rLLVdwrjJRBddBJuiizu5Mq_UjOkucXmNZaunC0vPRbeJGPjxRI8FcncFJl3 48ST-4EWbq0UXYBa9NaELmA6EoeMsuDuCiMCKBUZD5v9oyTTvkXkXudXyOdsw1_JX0vbLc8_RaJrHolrfALonF3EQRr9WzdCjjw/4ay/m2gTjF_LTF6UPZJaRIWN4A/h0 /h001.BLF8rEAdgu4-ypzUfdOikTZhEP1r2pmd97MD8B9a_Fc)

[Next.js 15](https://link.mail.beehiiv.com/ss/c/u001.3mTwTBe\_1W4fLvRj4unk8iNZPUX9eQGa8nJffuScClTuQVsqU5pyQyDnunTAah9i9LwQ-JcEhGNPJ-aDs9\_wfXifYy7Eul\_k8MZRpHTPSlSbv8 gQ5pb5prjtDlE2UaBEKcf0N1nbYR8Eo5gACOe43z8hN6-2ntpqFima68sWi49agKHAb_oA0joYJOb20VWonvba7sV8ExV2zBuyu4Pi7bPKfYr-xB8LWLjv2FYmYIE/4ay/m2gTjF_LTF6UPZJa RIWN4A/h1/h001.EBcbAzbwIYwC-f9pgGmSQQPeBd5hCymsVD6WJEFD-Xw)
21 分钟 德尔巴·德·奥利维拉

Next.js 15 引入了 React 19 支持、缓存改进、开发中的 Turbopack 稳定版本、新 API 等等。

[React 19 中的新 Hook 指南](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqQafazjAZlm2I4qgqy3bDrITlUU4MHPs9-mU67zecbXuBQXm\_\_f74-1UFX8qOIo9Xg1m5j0wE2b QMP_-ZIpVkzBIxDbNtBrm1J0TyHCsBDhhl35sk7D0fRLpaSf4ruRe59pvY9sBzdjZLqaESm6oSzW m6SGHh5XYxNd1Zn_LrkiChXikgVyTLEouEF9u2Ef0SwTAcei_UzUdZQo15uscTHwFRLPqH9o2Oup Qhz57qoSpt0lQq4wz1Q2d4J8Th7L91ctv53woHv1oRFX3PvEQU5U/4ay/m2gTjF_LTF6UPZJaRIWN4A/h2/h001.GOdiSREOR68SXIAszk9M1RbJwe0zUw6KDu2qGHKTkxM)
由进步赞助

React 19 最近作为 React 生态系统中的一次强大演变而出现,带来了一套新的 React Hooks,旨在简化状态管理、增强异步操作和优化性能。在本指南中,我们将深入探讨这些新增功能:useActionState、useFormStatus 和 useOptimistic。

React Compiler Beta Release
7 分钟,React 团队

React 团队宣布推出 React Compiler 的 Beta 版本,这是一个构建时优化工具,可为 React 应用程序提供自动记忆功能。该编译器现在通过可选的运行时包支持 React 版本 17+,并且 React 编译器工作组正在向公众开放,以获得更广泛的社区反馈。

[使用 React 构建时应该了解的库](https://link.mail.beehiiv.com/ss/c/u001.-6zc62lCDQsu\_fY2A1vmVZux03CDg\_E1ZCMKz-ZrdTZzG9iV-WkYtBSAOdiV4AOodQ5VAcHw5YZO04OTZ85qv7wFpjxggv0RzSdw1 DWdbZkGWHZsQa5diPEQMmQzRjxUmscwt8v-ZYiMp79QJAm9qbGT2Xqge6qAAIh3W5rx_HR9Ho-WcyKDKlS2idPG1lzsRsKUb9dzr-NWz2DOnS8I-4u4HMDCXXgh21U9vGE8DUv4CQd5ZizCXp6 uHVuBF39FT5vwIiSH98jZtUa9HP9MNx5_nhh9_TFcY5vlH_QwDQc/4ay/m2gTjF_LTF6UPZJaRIWN4A/h4/ h001.oduW_t0oixz5pxo2jH471nENwxxKbEpYlOREKmpNNEM)
4 分钟 索奈·卡拉 (Sonay Kara)

Sonay 概述了 15 个增强开发能力的基本 React 库。这些库涵盖各种功能,包括样式(Styled Components)、表单管理(Formik-Yup)、数据管理(TanStack Query、Redux Toolkit、Zustand)、动画(React Spring、Framer Motion)、测试(Jest、Vitest)、多语言支持(React i18next) 和 HTTP 请求 (Axios)。

[在React中创建键盘快捷键挂钩](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqTHitKRygbU8v7GMUo4SFRsc9lt3eUOgRRpSdbm-0pNQAZoSI4R39yu1qzt650iSn7ojTWyde85\_r4 z9-WTHMFCjCj2YBqrh7lg42Vv8KNFqm92h2ZEDOVgynuU3U1tIGGD1Jor_WK3-hhDbHTxPDy-SQ8c15hzWSTzISWwhCS7EsKB5tGd5SRok2IN8N0ykU8W9MdUPX0-i3-V5krmYD37234rhuaZ78LtI 6XRTWOJKVd3teFUi7yPFlsQN9rSY6A/4ay/m2gTjF_LTF6UPZJaRIWN4A/h5/h001。 TTU5IQ2rVZosx0xImGdqzAud7TVCDKYqe9Z1auZqK4k)
12 分钟 塔尼亚·拉斯西亚 (Tania Rascia)

本文介绍了一个名为“useShortcut”的自定义 React 钩子的详细实现,用于处理 Web 应用程序中的键盘快捷键。该钩子支持单个按键、带修饰符的组合按键(如 Command + Shift + X)和按键序列(如 Konami 代码)。

[Server Side State management in NextJS: a deep dive into React Cache](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqXOb9xcgIOKqIqsKojS\_M2BwrfVXXwt73\_r50khZE2JbJaY1-tC3aYsO7L5AqGUXRxwgsnAl73JzzUzXwdrokZH3Ink5i4C44qNkFMyJOy92HBcWT4I\_AD-8fe4hnt1JjbXJN97eJl\_oQqJJsASMZx0BvU9K4BVzdazesFn16GHphr3WjC\_QOkAkZz2FpsH2UIuGsqqH6Sr2nu5iDWbG7CZzRqI6jy5bv7R06x5Us-v4KAwzHkBFM8ECe2Llo61mYL8zRiP2bLHp7CHD4ux2ajspvoazXVvJqmsMN5RaelxHfoNJ-McOKtFwahNFyZ2CeA/4ay/m2gTjF\_LTF6UPZJaRIWN4A/h6/ h001.fNZHHYQe3zWrkxGgtJ_BZoiejL-5CYFfzC0KPl8YGEY)
8 分钟 约瑟夫·雷丁 (Yoseph Radding)

本文讨论了 NextJS 服务器组件中的状态管理,解释了它与传统客户端状态管理的不同之处。作者介绍了一种使用 React 的缓存功能作为服务器端状态的可变存储的技术,这可以帮助避免服务器组件中的 prop 钻取。

我们将以 [React Native:新架构就在这里](https://link.mail.beehiiv.com/ss/c/u001.UBh74i5ibvpiWu-3SxqXvg6X08HACLEPkNSKEkWmEp2LWClrSAmdhupkZkqSZOTkfypSyaf5cjyY3NC5qb\_V7uBCGF6xQ8j 的一些消息作为总结JwbXnrNsyRXtTsDj3YTMbDbGHqVsBCprv_BQTJZhE9aag5e90M7b7SAEKyhqC74qneiL4OUKtF8fnOpeyugG2wbReCFgkGuKawGLXjlON2NwBe2lzQX7nLbsMC_DQE31I-SleLyKqVUW6O3Fny n696sTcaZIDjaAts7-E4iPG6n6q0SLUFe9y4w/4ay/m2gTjF_LTF6UPZJaRIWN4A /h7/h001.5VJv_wSgL1zKHQXgUu5PUc-WEKGkpRIyFeHWPDvxGXc)。

😘 [吻虫再见](https://link.mail.beehiiv.com/ss/c/u001.96pnkUdR2Et9YTtP31beqZDc6CvoM57HfpmGHktxcZi6AOQQ-fnRGeUKX4XBeC-GUCtY4UiWY7oeix6zQIQyvyVwetvnWa\_hG- 3j6ZhIFdkyV8OMMTBbAjWSHUxZwMIw8ErWrLnzVfrfWTsfkERR5ajJqflNZcsW1G6ZNhsfXm2I gFgRaNCCkuObwknWqsm13o7BmijjFDPbhfONCA6vOuY1g-uOja2FAciEB0_SQEmOCBfANLB0—r xZKL8V6dPtmXeIC5iFTXXDEi_pbwOg/4ay/m2gTjF_LTF6UPZJaRIWN4A/h8/h001.wCP_qkhYcu_Sf8WPchbACR0HopTSvUCtH95MFO3q9tI)
由 QA Wolf 赞助

当交付前测试的用户流少于 80% 时,错误就会悄悄出现。但对于任何规模的团队来说,获得这种覆盖并保持在那里都是困难且昂贵的。 QA Wolf 通过将 QA 周期从几小时缩短到几分钟,帮助工程团队实现 80% 的自动化测试覆盖率,并将交付速度提高 5 倍。安排演示以了解更多信息。

发布者