React 中文周刊 #198 - React 正在成为一个全栈框架

科技   2024-08-28 19:50   浙江  

本期看点:React 的发展方向如何?它是一个前端库吗?后端如何融入其中?著名博主 Robin 分享了他对以上问题的看法以及为什么他选择使用服务器组件和 Server Action,以及为什么将 React 视为一个全栈解决方案。

编辑:TimLi

🔥 本周热门

React 正在成为一个全栈框架 —— Robin 对 React 社区过去一两年广泛讨论的一些话题发表了看法:React 的发展方向如何?它是一个前端库吗?后端如何融入其中?他分享了为什么他选择使用服务器组件和 Server Action,以及为什么将 React 视为一个全栈解决方案。

长按识别二维码查看原文   

https://www.robinwieruch.de/react-full-stack-framework/

Robin Wieruch

Redux 官方基础教程,Redux —— 这份长期存在的指南教你如何正确使用流行的 Redux 状态容器以及最佳实践,现在进行了大幅改写。整个教程使用了 TypeScript,添加了新概念,并更多地涵盖了 RTK/React Toolkit 的特性。

长按识别二维码查看原文   

https://redux.js.org/tutorials/essentials/part-1-overview-concepts

Redux 团队

Waku 加入 React 19 Server Action 阵营 —— 厌倦了大型元框架?Waku 是一股清新的空气。它提供了刚刚好的功能来构建完整、现代的 React 应用程序,而不会带来麻烦。从昨天发布的 v0.21 版本开始,它也完全支持 React 的新 Server Action API。我想我们很快就会看到更多关于 Waku 的内容。

长按识别二维码查看原文   

https://waku.gg/blog/server-actions-are-here

Sophia Andren

Web 上的抖动和复古着色艺术 —— 花了很多时间为 Web 构建一个引人注目的效果,最终变成了一次同样精彩的深度探讨,涉及使用 React Three Fiber 中的着色器渲染图形效果的概念。

长按识别二维码查看原文   

https://blog.maximeheckel.com/posts/the-art-of-dithering-and-retro-shading-web/

Maxime Heckel

Google 翻译是否正在让 React 应用程序崩溃? —— 这是一个有趣的观察,看内置的 Chrome 扩展如何以可能破坏 React(和其他)前端应用程序的方式操纵 DOM。

长按识别二维码查看原文   

https://martijnhols.nl/gists/everything-about-google-translate-crashing-react

Martijn Hols

📄 使用 React Query 和 Zod 让 REST API 类型安全 Noah Falk

长按识别二维码查看原文   

https://noahflk.com/blog/typesafe-rest-api

📄 使用 React Testing Library 编写单元测试的技巧 Pavan Policherla

长按识别二维码查看原文   

https://spin.atomicobject.com/react-testing-library-unit-tests/

📄 如何在 React 应用程序中生成 PDF Colby Fayock

长按识别二维码查看原文   

https://spacejelly.dev/posts/generate-a-pdf-from-html-in-javascript

📺 React 19 的新特性 Lydia Hallie

长按识别二维码查看原文   

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

🛠 代码与工具

Docusaurus v3.5:文档生成工具增加更多博客功能 —— 每当我阅读用 Docusaurus 生成的网站时,我总能一眼认出来,因为它们看起来都很棒。最初专注于生成优秀的文档站点,v3.5 引入了几个功能,使项目博客的渲染更加出色。

长按识别二维码查看原文   

https://docusaurus.io/blog/releases/3.5

Sébastien Lorber

Legend State:小巧、快速和现代的状态系统 —— 一年前,Jack Herrington 曾猜想 Legend State 可能是▶️ "终极状态管理器",从那时起,它取得了很大进展,现在号称是最快的 React 状态库。想了解更多?这里是官方介绍

长按识别二维码查看原文   

https://www.legendapp.com/open-source/state/v3/

Jay Meistrich

Vite React Boilerplate:一个生产就绪的起始模板 —— 这是一个"包含所有必需功能"的 Vite + React 应用程序模板,它依赖于很多工具,从 Zustand 到 Zod 再到 Storybook,以及许多其他工具和库

长按识别二维码查看原文   

https://github.com/RicardoValdovinos/vite-react-boilerplate

Ricardo Valdovinos

React Figma:使用组件作为 Figma 设计的源 —— 很多人使用 Figma 来为 React 组件制作设计模型,但反过来呢?使用组件作为 Figma 中设计的源!

长按识别二维码查看原文   

https://github.com/react-figma/react-figma

React Figma

Volta 2.0:快速安装和运行 JavaScript 工具 —— 一个长期存在的由 Rust 驱动的工具,用于安装和切换 JavaScript 相关工具(如 Node、TypeScript、Yarn 等)..."无论是哪种包管理器、Node 运行时或操作系统"。GitHub 仓库在此

长按识别二维码查看原文   

https://volta.sh/

Volta

版本发布:

  • Astro v4.14 – 这个流行的通用内容站点框架现在包含了一个用于管理站点内容的实验性 API。

  • React Native Keyboard Controller v1.13.0 – 在 iOS 和 Android 上表现一致的键盘管理器。

  • Embla Carousel v8.2 – 具有流畅动效和良好滑动精度的轮播库。

  • markdown-to-jsx v7.5 – 轻量级 Markdown 组件。(演示

  • React Icons v5.3 – 可在 React 中直接使用的流行图标包。

  • React Tooltip v5.28 – 我猜你能猜到它是干什么的

  • xr v6.2 – React Three Fiber 的 VR/AR 工具。

  • React Native Testing Library v12.6

  • React Native v0.75

🙋🏻‍♀️ 关注我们



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