本期看点:Material UI 组件库发布了最新的主要版本。这次的改进更多是渐进式的而非革命性的,重点在于改进主题、颜色方案管理、容器查询支持,以及 React 19 支持。还有一些重新设计的模板帮助你快速上手。
编辑:TimLi
🔥 本周热门
Material UI v6:流行的 React UI 设计/组件系统 —— 在刚好十周年之际,MUI 设计系统发布了最新的主要版本。这次的改进更多是渐进式的而非革命性的,重点在于改进主题、颜色方案管理、容器查询支持,以及 React 19 支持。还有一些重新设计的模板帮助你快速上手。
García, Bittu, Andai 等人
💡 如果你正在使用 MUI v5,这里有一个升级到 v6 的实用指南,团队表示升级"应该不会太困难"。
从零实现一个类 React 框架 —— 虽然你可能不会真的想这么做,但至少思考这个过程可以让你更好地理解 React 引擎的工作原理。
Robby Pruzan
React 中的接口隔离原则 —— Alex 探讨了著名的 SOLID 面向对象原则之一,以及它如何应用于 React。
Alex Kondov
▶ Chain React 2024 的 21 场演讲 —— Chain React 是上个月在俄勒冈州波特兰举行的 React Native 会议。在这个播放列表中回顾会议内容,包括为电视构建 React Native 应用、如何优化 React Native 性能,或者 Jack Herrington 展示如何在 React Native 应用中构建本地优先的语义搜索系统。
Chain React 2024
如何构建一个基于蓝牙低功耗的 Expo 应用 —— 蓝牙低功耗主要用于医疗保健、健身、信标、安全和家庭娱乐等场景。这里介绍了一种入门方法。
Daniel Friyia (Expo Blog)
▶ 使用 'use dom' 简化 React Web 到原生的迁移 —— Web 到原生的迁移似乎永远不够简单,这就是 Expo 新的实验性 [use dom](https://react.statuscode.com/link/159064/web)
指令发挥作用的地方。
James Shopland (Jolly Coding)
📄 使用 React Router 实现类型安全的路由 – 不过,如果你想实现这一点,TanStack Router 可能是更好的选择。Sahaj Jain
📺 React Web 开发者的 React Native 秘密技巧 Jack Herrington
🛠 代码与工具
Code Hike v1.0:将 Markdown 转换为丰富的交互式体验 —— 针对代码演练和交互式文档等用例,Code Hike 在创建充分利用现代 Web 的技术内容时,弥补了 Markdown 和 React 之间的差距。
Rodrigo Pombo
React Cosmos v6.2:用于开发和测试 UI 组件的沙盒 —— 基于 2015 年 ReactEurope 大会首次展示的项目,Cosmos 是一个长期存在且"慢慢成熟"的工具,用于以隔离的方式原型化 React 组件。
Ovidiu Cherecheș 等人
Snaptail:单文件 React 应用 —— 如果你还对 React 感到有点不知所措,这里教你如何通过只操作一个文件来构建应用。
Sandro Rybarik
uikit v0.5:在 React-Three-Fiber 应用中构建 3D UI —— 非常适合游戏、XR(VR/AR)和基于 Web 的空间风格应用。GitHub 仓库在此。
Bela Bohlender
🕒 Time Picker:基于 shadcn/ui
的日期/时间选择器组件
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 组件。(示例)
🙋🏻♀️ 关注我们