我们所有人都希望编写更少的代码,同时也要做更多的事情。为了实现这一点,我们构建了组件,以便可以多次重用它们。
有些组件只需要基本的可重用性,而另一些则需要更复杂的重构技术,我们才能充分复用它。
这里有6
个不同级别的可重用性概念,大家先来体会体会,后续更新会一个一个的讲。
1.模板化
通过模板化,我们将一些重复性高的代码包装在其自己的组件中,而不是在周围到处复制和粘贴代码。
当我们重用该组件(而不是直接使用代码)时,它为我们带来了两个好处:
将来进行更改就会容易得多,因为我们只需要在一个地方更改
我们不必记住每个重复代码被复制到了哪些地方
这是最基本的,也是最经常谈论的可重用性形式。
2. 可配置
对于某些组件,我们需要根据需求对它们的工作方式进行修改,如:
Button
组件默认有一个主版本,也有一个带有图标版本。但我们没有为每个版本创建全新的组件,而是指定 props
做到不同类型之间切换。
添加这些props
通常不会给组件增加很大的复杂度,同时,又能给我们在使用组件方面带来更多在的灵活性。
注意:这不同于使用prop
来保存状态或数据,比如loading
prop 或disabled
prop。
3.适应性
可配置的最大问题是缺乏远见。我们需要预见将来的需求,并通过放置对应的 prop
将它们构建到组件中。
但是,如果你的组件具有足够适应性,则无需更改组件即应对未来的需求。
为了让我们的组件具有足够的适应性,