重构挂钩:重构到挂钩

时间:2024-03-03 03:54:10
【文件属性】:

文件名称:重构挂钩:重构到挂钩

文件大小:414KB

文件格式:ZIP

更新时间:2024-03-03 03:54:10

CSS

重构挂钩 :fishing_pole: 这是一系列练习,可帮助您将更多代码重构为钩子 具有通用数据的许多useState 通常,有2个或更多的useState挂钩共享公共数据。 在这些情况下,您可以将它们重构为单个自定义钩子。 但为什么? 我们要在这种情况下进行重构的主要原因有几个: 可读性:通过使用自定义钩子,它提供了更丰富的api,用于描述我们在做什么。 可测试性:当代码较小时,我们可以更轻松地测试代码。 简单性:我们只需编写更少的代码,就可以降低组件的整体复杂性。 代码在哪里? 原始代码在related-states分支上。 对于重构的示例代码,它位于related-states-refactored分支上。 演示应用


【文件预览】:
refactoring-hooks-master
----package.json(975B)
----src()
--------tailwind.output.css(2.44MB)
--------App.scss(564B)
--------index.js(504B)
--------serviceWorker.js(5KB)
--------App.test.js(280B)
--------setupTests.js(255B)
--------index.scss(142B)
--------App.js(1KB)
--------tailwind.css(59B)
----.gitignore(319B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(3KB)
----README.md(876B)
----yarn.lock(488KB)

网友评论