使用react实现select_React Status 中文周刊 #10 告别 import React from 'react'-CSDN博客

本文链接：https://blog.csdn.net/weixin_39769183/article/details/112417382

本周的前端周刊聚焦React，包括2020年的学习资源集合，React面试题，以及Airbnb推出的visx可视化库。文章还探讨了useEffect的常见误区，SVG图标在React中的集成，以及告别`import React from 'react'`的实践。此外，还有可定制的React下拉选择组件和关于状态管理的新方案。

摘要由CSDN通过智能技术生成

国庆期间小编放假，补上上周的周刊，本周干货非常多。包含 2020 年学习 React 的资料集锦，15 道 React 面试题等。

? 本周热门

介绍 visx：来自 Airbnb 的 React 可视化基础库 — 经过科技大厂三年的打磨，推出了一个全新的可视化库，这非常值得关注。在这之前大家称之为 vx，浏览此示例以获取更多灵感。

Chris C. Williams & Harrison Shoff / Airbnb

关于使用 useEffect 的误区 — 在即将推出课程的最新预告中，Kent 谈及许多开发者在正确使用 useEffect 时遇到的困难。此文将复杂问题简单化。

Kent C. Dodds

如何将 SVG Icons，Font Awesome 与 React 一同使用 — 本文作者断言 "SVG因 web 而生"，其为一种被广泛支持的矢量图格式，这会让许多事情变得很容易。比如图标在各种设备和分辨率下都能良好地渲染。本文是关于如何将它们集成到 React 中的简短教程。

Colby Fayock

告别 `import React from 'react'` — 不必惊慌 — 核心团队是基于未来版本的思路来考虑问题的。为了将来考虑，从现在开始尽量避免使用会更好。

Dan Abramov on Twitter

react-dropdown-tree-select：可定制的快速下拉选择组件 — 一个轻量级且易上手的选择组件，用于渲染可分层展示的树状数据。此处是演示示例。

Dow Jones

? 教程与趣事

比 Redux 更简单的方案 — 在永无止境地寻求更好，更简单的状态管理方案的过程中，容器模式似乎是更好的选择。

Spencer Pauly

使用 Styled Components 打造现代的 style 风格 — 作者将带你完成从内联 CSS 样式到完全使用 Styled Components 的过渡。真香警告⚠️

Michael Chang

Ketting v6：在 React 中使用 Hypermedia API — 请不要在 Fetch API 的基础上构建 REST 功能，你可以尝试 Ketting，它能提供你所需要的功能。此项目目前处于 v6 版本。

Evert Pot

2020 学习 React 资料集锦 — 本文发布于年初，不知道为何我们却忽略了它。但这是一份超棒的学习资料，为那些热爱学习或正在准备面试的小伙伴所准备。

Reed Barger

15 个 React 面试题及答案 — 如果你想加入欣欣向荣的 React 开发阵营，就必须在面试中脱颖而出。这里有部分面试题应该可以帮助到你。

Nilson Jacques

? 代码和工具

react-carousel：可扩展的轮播图 — 使用这个库来实现轮播图十分简单：只需将带有图片地址的 img 标签传递给它即可。请看示例。

Brainhub

用于 React 的 Tippy.js：Tooltips，Popovers，Dropdowns，以及 Menus — 距离我们上次介绍这个 Popper 库已近两年，但最近的新版本提供了很强大的 a11y 的功能，其内置的 WAI-ARIA 是一大优势。

James N / Atomiks

mobx-react-lite：基于 Hook 的轻量级 MobX — 如果你的项目只使用函数组件，且希望有一个更快更小的状态管理库。那么 mobx-react-lite 是你的不二选择。

MobX

react-nil：React 的 'Null Renderer' 库 — 一个非常有趣的实验，在不使用 React 渲染任何内容的情况下使用 React 的 Hook，suspense，context 以及其他 React 生态的内容。比如，应用于 Node 应用中，查看这个例子也能为你提供一些思路。