From d3dfd5d85ca203b5cd9ba1776448dabe07ddf533 Mon Sep 17 00:00:00 2001 From: strick Date: Fri, 19 Feb 2021 14:26:31 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E4=BB=A3=E7=A0=81=E7=89=87?= =?UTF-8?q?=E6=AE=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- article/seconds.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/article/seconds.md b/article/seconds.md index 0902687..52e6431 100644 --- a/article/seconds.md +++ b/article/seconds.md @@ -110,7 +110,8 @@ 18. [requireUncached](https://www.30secondsofcode.org/js/s/require-uncached)(从缓存中删除模块后加载模块(如果存在)) 19. [createDirIfNotExists](https://www.30secondsofcode.org/js/s/create-dir-if-not-exists)(创建目录(如果不存在)) -## React Hooks +## React +#### 1)Hooks 1. [usePersistedState](https://www.30secondsofcode.org/react/s/use-persisted-state)(返回持久存储在localStorage中的状态值,以及用于更新它的函数) 2. [useSSR](https://www.30secondsofcode.org/react/s/use-ssr)(检查代码是否在浏览器或服务器上运行) 3. [useAsync](https://www.30secondsofcode.org/react/s/use-async)(处理异步调用) @@ -129,7 +130,7 @@ 16. [usePrevious](https://www.30secondsofcode.org/react/s/use-previous)(存储先前的 state 或 props) 17. [useToggler](https://www.30secondsofcode.org/react/s/use-toggler)(提供一个布尔状态变量,可以在其两个状态之间切换) -## React Components +#### 2)Components 1. [TagInput](https://www.30secondsofcode.org/react/s/tag-input)(标签输入字段) 2. [MultiselectCheckbox](https://www.30secondsofcode.org/react/s/multiselect-checkbox)(渲染一个复选框列表,该列表使用回调函数将其选定的一个或多个值传递给父组件) 3. [LimitedWordTextarea](https://www.30secondsofcode.org/react/s/limited-word-textarea)(具有字数限制的 textarea 组件) @@ -164,12 +165,12 @@ 32. [Mailto](https://www.30secondsofcode.org/react/s/mailto)(一个设置为发送电子邮件的链接(mailto:链接)) 33. [Callto](https://www.30secondsofcode.org/react/s/callto)(呈现一个格式设置为呼叫电话号码的链接(电话:链接)) -## React Rendering +#### 3)Rendering 1. [React 渲染基础](https://www.30secondsofcode.org/blog/s/react-rendering-basics)(深入了解React的渲染过程,并了解流行的JavaScript框架背后的基础知识) 2. [React 渲染优化](https://www.30secondsofcode.org/blog/s/react-rendering-optimization)(深入研究React的渲染过程,并了解如何进行小而强大的调整以优化性能) 3. [React 渲染状态](https://www.30secondsofcode.org/blog/s/react-rendering-state)(深入研究React的渲染过程并了解Context API和Redux在其中的作用) -## React Testing +#### 4)Testing 1. [一种测试有状态 React 组件的方法](https://www.30secondsofcode.org/blog/s/testing-stateful-ui-components) 2. [测试使用React Testing库异步更新的 React 组件](https://www.30secondsofcode.org/blog/s/testing-async-react-components) 3. [使用React Testing Library测试Redux连接的组件](https://www.30secondsofcode.org/blog/s/testing-redux-connected-components)