React 中文周刊 #199 - Material UI 发布 v6,支持 React 19

科技   2024-08-29 12:14   浙江  

本期看点:Material UI 组件库发布了最新的主要版本。这次的改进更多是渐进式的而非革命性的,重点在于改进主题、颜色方案管理、容器查询支持,以及 React 19 支持。还有一些重新设计的模板帮助你快速上手。

编辑:TimLi

🔥 本周热门

Material UI v6:流行的 React UI 设计/组件系统 —— 在刚好十周年之际,MUI 设计系统发布了最新的主要版本。这次的改进更多是渐进式的而非革命性的,重点在于改进主题、颜色方案管理、容器查询支持,以及 React 19 支持。还有一些重新设计的模板帮助你快速上手。

长按识别二维码查看原文   

https://mui.com/blog/material-ui-v6-is-out/

García, Bittu, Andai 等人

💡 如果你正在使用 MUI v5,这里有一个升级到 v6 的实用指南,团队表示升级"应该不会太困难"。

长按识别二维码查看原文   

https://mui.com/material-ui/migration/upgrade-to-v6/

从零实现一个类 React 框架 —— 虽然你可能不会真的想这么做,但至少思考这个过程可以让你更好地理解 React 引擎的工作原理。

长按识别二维码查看原文   

https://www.rob.directory/blog/react-from-scratch

Robby Pruzan

React 中的接口隔离原则 —— Alex 探讨了著名的 SOLID 面向对象原则之一,以及它如何应用于 React。

长按识别二维码查看原文   

https://alexkondov.com/interface-segregation-principle-in-react/

Alex Kondov

Chain React 2024 的 21 场演讲 —— Chain React 是上个月在俄勒冈州波特兰举行的 React Native 会议。在这个播放列表中回顾会议内容,包括为电视构建 React Native 应用、如何优化 React Native 性能,或者 Jack Herrington 展示如何在 React Native 应用中构建本地优先的语义搜索系统

长按识别二维码查看原文   

https://www.youtube.com/playlist?list=PLE7tQUdRKcyb81ybEVsrk6PfxXu7pJs1i#chainreact2024

Chain React 2024

如何构建一个基于蓝牙低功耗的 Expo 应用 —— 蓝牙低功耗主要用于医疗保健、健身、信标、安全和家庭娱乐等场景。这里介绍了一种入门方法。

长按识别二维码查看原文   

https://expo.dev/blog/how-to-build-a-bluetooth-low-energy-powered-expo-app

Daniel Friyia (Expo Blog)

使用 'use dom' 简化 React Web 到原生的迁移 —— Web 到原生的迁移似乎永远不够简单,这就是 Expo 新的实验性 [use dom](https://react.statuscode.com/link/159064/web) 指令发挥作用的地方。

长按识别二维码查看原文   

https://www.youtube.com/watch?v=MKoZTAcVCJU

James Shopland (Jolly Coding)

📄 使用 React Router 实现类型安全的路由 – 不过,如果你想实现这一点,TanStack Router 可能是更好的选择。Sahaj Jain

长按识别二维码查看原文   

https://iamsahaj.xyz/blog/typesafe-routing-with-react-router/

📺 React Web 开发者的 React Native 秘密技巧 Jack Herrington

长按识别二维码查看原文   

https://www.youtube.com/watch?v=81oUBWJQii4

🛠 代码与工具

Code Hike v1.0:将 Markdown 转换为丰富的交互式体验 —— 针对代码演练和交互式文档等用例,Code Hike 在创建充分利用现代 Web 的技术内容时,弥补了 Markdown 和 React 之间的差距。

长按识别二维码查看原文   

https://codehike.org/blog/v1

Rodrigo Pombo

React Cosmos v6.2:用于开发和测试 UI 组件的沙盒 —— 基于 2015 年 ReactEurope 大会首次展示的项目,Cosmos 是一个长期存在且"慢慢成熟"的工具,用于以隔离的方式原型化 React 组件。

长按识别二维码查看原文   

https://reactcosmos.org/

Ovidiu Cherecheș 等人

Snaptail:单文件 React 应用 —— 如果你还对 React 感到有点不知所措,这里教你如何通过只操作一个文件来构建应用。

长按识别二维码查看原文   

https://snaptail.dev/

Sandro Rybarik

uikit v0.5:在 React-Three-Fiber 应用中构建 3D UI —— 非常适合游戏、XR(VR/AR)和基于 Web 的空间风格应用。GitHub 仓库在此

长按识别二维码查看原文   

https://pmndrs.github.io/uikit/docs/getting-started/introduction

Bela Bohlender

🕒 Time Picker:基于 shadcn/ui 的日期/时间选择器组件

长按识别二维码查看原文   

https://time.openstatus.dev/

OpenStatus

版本发布:

  • React Stripe v2.8 – Stripe.js 和 Stripe Elements 的 React 组件。

  • react-native-MMKV v3.0 – React Native 应用的快速键值存储。

  • json-viewer v3.5 – 以可读、用户友好的方式显示 JSON 数据(如上所示)。

  • VisionCamera v4.5.2 – React Native 的高级相机控制。

  • React Suite v5.70 – 一套 React 组件。(示例

🙋🏻‍♀️ 关注我们



印记中文
深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
 最新文章