专栏名称: 前端从进阶到入院
我是 ssh,只想用最简单的方式把原理讲明白。wx:sshsunlight,分享前端的前沿趋势和一些有趣的事情。
目录
相关文章推荐
丁香医生  ·  注意!胖肚子的人,容易有心脏问题 ·  20 小时前  
丁香生活研究所  ·  雅顿金胶、粉胶,到底值不值得买? ·  昨天  
丁香医生  ·  30 个让你睡不好的习惯,测测你有哪些? ·  2 天前  
51好读  ›  专栏  ›  前端从进阶到入院

React Conf 2024 顺利举办,重点内容都在这儿了!

前端从进阶到入院  · 公众号  ·  · 2024-05-25 02:26

正文

上周 React Conf 2024 顺利举办,这是在内华达州亨德森举行的一次为期两天的会议,700 多名与会者到场欢聚一堂,一起讨论 React 的最新动态。这是自 2019 年以来首次举办的线下会议,非常开心社区能够再次团结在一起。

在 React Conf 2024 上,我们宣布了 React 19 RC [1] React Native 新架构 Beta 版 [2] 以及 React Compiler [3] 的实验性发布。社区也登台宣布了 React Router v7 [4] 、Expo Router 中的 通用服务器组件 [5] RedwoodJS [6] 中的 React 服务器组件等等。

完整的 第一天 [7] 第二天 [8] 直播内容已经可以线上观看。在这篇文章中,我们将总结会议上的演讲和公告。

第一天

点击这里观看第一天完整直播。 [9]

第一天由 Meta 首席技术官 Andrew “Boz” Bosworth [10] 发表欢迎致辞,随后由 Seth Webster [11] (负责 Meta 的 React 组织)和我们的主持人 Ashley Narcisse [12] 进行演讲。

在第一天的主题演讲中, Joe Savona [13] 分享了我们的目标和愿景,就是使 React 可以帮助所有人构建出色的用户体验。 Lauren Tan [14] 随后进行了 React 的现状报告,她分享了 React 在 2023 年被下载超过 10 亿次,并且 37% 的新开发者通过 React 学习编程。最后,她强调了 React 社区为成就 React 所做的巨大贡献。

更多内容,请查看会议后期社区的这些演讲:

  • Vanilla React [15] by Ryan Florence [16]
  • React Rhythm & Blues [17] by Lee Robinson [18]
  • RedwoodJS, now with React Server Components [19] by Amy Dutton [20]
  • Introducing Universal React Server Components in Expo Router [21] by Evan Bacon [22]

接下来在主题演讲中, Josh Story [23] Andrew Clark [24] 分享了 React 19 即将推出的新功能,并宣布了 React 19 RC,该版本已准备好用于生产环境测试。查看 React 19 发布帖 [25] 中的所有功能,并通过这些演讲深入了解新功能:

  • React 19 的新特性 [26] by Lydia Hallie [27]
  • React Unpacked: React 19 路线图 [28] by Sam Selikoff [29]
  • React 19 深度解析:协调 HTML [30] by Josh Story [31]
  • 使用 React 服务器组件增强表单 [32] by Aurora Walberg Scharff [33]
  • React for Two Computers [34] by Dan Abramov [35]
  • 现在你理解了 React 服务器组件 [36] by Kent C. Dodds [37]

最后,我们以 Joe Savona [38] Sathya Gunasekaran [39] Mofei Zhang [40] 的演讲结束了这个主题,他们宣布 React Compiler 现已 开源 [41] ,并分享了一个实验版本的 React Compiler 供大家尝试。

有关使用编译器及其工作原理的更多信息,请查看 文档 [42] 和这些演讲:

  • 忘记 Memo [43] by Lauren Tan [44]
  • React Compiler 深度解析 [45] by Sathya Gunasekaran [46] Mofei Zhang [47]

第二天

点击这里观看第二天完整直播。 [48]

第二天由 Seth Webster [49] 发表欢迎致辞,随后是 Eli White [50] 的感谢致辞,以及我们的首席氛围官 Ashley Narcisse [51] 的介绍。

在第二天的主题演讲中, Nicola Corti [52] 分享了 React Native 的现状,包括 2023 年的 7800 万次下载。他还强调了使用 React Native 的应用程序,包括 Meta 内部使用的 2000 多个页面;Facebook Marketplace 中的产品详情页面,该页面每天访问量超过 20 亿次;以及微软 Windows 开始菜单的一些部分,和微软 Office 产品的移动和桌面版本中的一些功能。

Nicola 还强调了社区为支持 React Native 所做的所有工作,包括库、框架和多个平台。更多内容,请查看社区的这些演讲:

  • Extending React Native beyond Mobile and Desktop Apps [53] by Chris Traganos [54] Anisha Malde [55]
  • 使用 React 进行空间计算 [56] by Michał Pierzchała [57]

Riccardo Cipolleschi [58] 继续第二天的主题演讲,宣布 React Native 新架构现已进入 Beta 阶段,并准备好在生产环境中使用。他分享了新架构中的新功能和改进,并分享了 React Native 未来的路线图。更多内容,请查看:

  • 跨平台 React [59] by Olga Zinoveva [60] Naman Goel [61]

接下来在主题演讲中,Nicola 建议所有使用 React Native 创建的新应用都使用 Expo 这样的框架启动。与此同时他还宣布了全新 React Native 主页和入门文档。您可以在 React Native 文档 [62] 中查看新的入门指南。

这个主题演讲的末尾, Kadi Kraman [63] 分享了 Expo 的最新功能和改进,以及如何使用 Expo 开始开发 React Native。

问答环节

React 和 React Native 团队也在每天结束时进行了问答环节:

  • React 问答 [64] Michael Chan [65] 主持
  • React Native 问答 [66] Jamon Holmgren [67] 主持

还有更多…

我们还听到了关于可访问性、错误报告、CSS 等方面的演讲:

  • 揭秘 React 应用中的可访问性 [68] by Kateryna Porshnieva [69]
  • Pigment CSS,服务器组件时代的 CSS [70] by Olivier Tassinari [71]
  • 实时 React 服务器组件 [72] by Sunil Pai [73]
  • 打破 React 规则 [74] by Charlotte Isambert [75]
  • 解决 100%的错误 [76] by Ryan Albrecht [77]

原文:https://react.dev/blog/2024/05/22/react-conf-2024-recap
翻译:ssh 前端从进阶到入院




  • 欢迎 长按图片加 ssh 为好友 ,我会第一时间和你分享前端行业趋势,学习途径等等。2024 陪你一起度过!


  • 关注公众号,发送消息:
    指南 获取 高级前端、算法 学习路线 ,是我自己一路走来的实践。
    简历 获取 大厂 简历编写指南 ,是我看了上百份简历后总结的心血。
    面经 获取 大厂 面试题 ,集结社区优质面经,助你攀登高峰
因为微信公众号修改规则,如果不标星或点在看,你可能会收不到我公众号文章的推送,请大家将本 公众号星标 ,看完文章后记得 点下赞 或者 在看 ,谢谢各位!


参考资料

[1]

React 19 RC: https://react.dev/blog/2024/04/25/react-19

[2]

React Native 新架构 Beta 版: https://github.com/reactwg/react-native-new-architecture/discussions/189

[3]

React Compiler: https://react.dev/learn/react-compiler

[4]

React Router v7: https://remix.run/blog/merging-remix-and-react-router

[5]

通用服务器组件: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s

[6]

RedwoodJS: https://redwoodjs.com/blog/rsc-now-in-redwoodjs

[7]

第一天: https://www.youtube.com/watch?v=T8TZQ6k4SLE

[8]

第二天: https://www.youtube.com/watch?v=0ckOUBiuxVY

[9]

点击这里观看第一天完整直播。: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=973s

[10]

Andrew “Boz” Bosworth: https://www.threads.net/@boztank

[11]

Seth Webster: https://twitter.com/sethwebster

[12]

Ashley Narcisse: https://twitter.com/_darkfadr

[13]

Joe Savona: https://twitter.com/en_JS

[14]

Lauren Tan: https://twitter.com/potetotes

[15]

Vanilla React: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=5542s

[16]

Ryan Florence: https://twitter.com/ryanflorence

[17]

React Rhythm & Blues: https://www.youtube.com/watch?v=0ckOUBiuxVY&t=12728s

[18]

Lee Robinson: https://twitter.com/leeerob

[19]

RedwoodJS, now with React Server Components: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=26815s

[20]

Amy Dutton: https://twitter.com/selfteachme

[21]

Introducing Universal React Server Components in Expo Router: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s

[22]

Evan Bacon: https://twitter.com/Baconbrix

[23]

Josh Story: https://twitter.com/joshcstory

[24]

Andrew Clark: https://twitter.com/acdlite

[25]

React 19 发布帖: https://react.dev/blog/2024/04/25/react-19

[26]

React 19 的新特性: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=8880s

[27]

Lydia Hallie: https://twitter.com/lydiahallie

[28]

React Unpacked: React 19 路线图: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=10112s

[29]

Sam Selikoff: https://twitter.com/samselikoff

[30]

React 19 深度解析:协调 HTML: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=24916s

[31]

Josh Story: https://twitter.com/joshcstory

[32]

使用 React 服务器组件增强表单: https://www.youtube.com/watch?v=0ckOUBiuxVY&t=25280s

[33]

Aurora Walberg Scharff: https://twitter.com/aurorascharff

[34]

React for Two Computers: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=18825s

[35]

Dan Abramov: https://twitter.com/dan_abramov2

[36]

现在你理解了 React 服务器组件: https://www.youtube.com/watch?v=0ckOUBiuxVY&t=11256s

[37]

Kent C. Dodds: https://twitter.com/kentcdodds

[38]

Joe Savona: https://twitter.com/en_JS

[39]

Sathya Gunasekaran: https://twitter.com/_gsathya

[40]

Mofei Zhang: https://twitter.com/zmofei

[41]

开源: https://github.com/facebook/react/pull/29061

[42]

文档: https://react.dev/learn/react-compiler

[43]

忘记 Memo: https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=12020s

[44]

Lauren Tan: https://twitter.com/potetotes

[45]






请到「今天看啥」查看全文