vlambda博客
学习文章列表

本期看点：本期为大家带来了 React 会在什么时候渲染你的组件？与如何使用 React 的 Props 等优秀文章。点击本期周刊查看更多精彩文章！

编辑：syjstc、edison-hm、Tmk、whatwewant

🔥 本周热门

React v18.0 正式发布 — 从 React 团队放出 React 18 的版本 计划 算来，已经快一年了。其中引入了新的并发渲染、Suspense、新的 hooks、自动批处理等一系列功能，本文基本涵盖了所有的新内容。另外，这份 React 18 升级指南 包含了你需要注意的几件事。当然，如果你是一个完美主义者，可以直接查看这份 更新日志。

长按识别二维码查看原文   

https://reactjs.org/blog/2022/03/29/react-v18.html

The React Team

React 会在什么时候渲染你的组件？ — 如果你依旧困惑于 React 的渲染模式，那么这篇深入浅出的讲解文章可能会帮助到你。

长按识别二维码查看原文   

https://www.zhenghao.io/posts/react-rerender

Zhenghao He

▶ Next.js 发展史 — 该视频高度概括了 Next.js 的各个方面。尽管长度只有 12 分钟，但其中提到的关于 Next.js 的背景和历史的内容可能远远超过你的预期。

长按识别二维码查看原文   

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

Tyler McGinnis

Remix：与 React 互为阴阳两面 — Kent C. Dodds 继续发了一篇博文指出了 Remix 存在的强有力的理由。他将 React 和 Remix 比作是一款完整应用的阴阳两面，React 的 UI 构建是“阴”，而 Remix 作为“阳”则填补了客户端和服务端尤其是网络这一巨大鸿沟。

长按识别二维码查看原文   

https://kentcdodds.com/blog/remix-the-yang-to-react-s-yin

Kent C. Dodds

如何使用 React 的 Props — 尽管文本的初版发布于三年前，但作者 Robin 一直在用最新的标准更新文章。时至今日，这依旧是一份非常好的教学资源，并且涵盖了大量“面向 props”的例子。

长按识别二维码查看原文   

https://www.robinwieruch.de/react-pass-props-to-component/

Robin Wieruch

快讯

• 📅 React Norway 将在挪威的拉尔维克一家名叫 Farris Bad 的酒店举办。如果你不是非要和 Colby Fayock 现场见面的话，你也可以选择在线参加会议。
  长按识别二维码查看原文   

  https://reactnorway.com/
  

  

🛠  代码与工具

react-custom-roulette：React 转盘组件 — 事先声明，我们不提倡赌博，不过我们仍然要推荐这款效果引人注目，且可高度定制的转盘组件。

长按识别二维码查看原文   

https://github.com/effectussoftware/react-custom-roulette

Effectus Software

Refine v3 版本：用于构建内部工具的 React 框架 — Refine 是一款搭载了 Ant Design 体系，旨在提供许多开箱即用的功能，用于快速开发管理面板、B2B 应用程序和仪表板等内容的 React 框架。

长按识别二维码查看原文   

https://github.com/pankod/refine

Pankod

Radish：基于 React 的静态网站生成器, 只输出 HTML 和 CSS — Radish 支持使用 React 组件、不输出任何客户端 JS、支持 Markdown、数据可以存放在 TOML/YAML/JSON 中、离线优先、以及有个受欢迎的 logo。

长按识别二维码查看原文   

https://radishjs.com/

Jake Lazaroff

Electrode Native：将 React Native 集成到现有的原生代码库中 — 该库的工作流很简单，首先创建基于 React Native 的组件（在本例中称为 MiniApps），然后就可以在任意移动应用中发布和复用。

长按识别二维码查看原文   

https://github.com/electrode-io/electrode-native

Electrode

⚡️ 好库推荐：

phosphor-react — 这款可用于界面、图表、演示的图标库可能会对你以后的项目提供帮助。

react-photo-view — 一款精致的，支持触摸手势的 React 图片预览组件

react-rewards — 微交互 是提高用户互动的高效手段 —— 可以从使用这个库开始入手。

react-flex-ready — 一款 Flexbox 网格组件库。

🙋🏻‍♀️ 关注我们