juejin.cn
UOrb
前端
🏆掘金签约作者
获得徽章 23
- 年度总结
1. vue3 + ts + pinia 技能树点亮
2. vim习得，成为小小'键盘侠'
3. 把编程知识分享给大家，vue2，vue3，react项目传授
4. 分享从0入门vim25 - 【沸点年终总结｜超掘时光机】
🎆2022迎来尾声，你有什么话想对过去一年的自己说？一起来参加沸点「超掘时光机」年终总结活动，活动升级，玩法升级，更好玩，更刺激！
⏰活动时间：2022年12月19日-12月26日
📖活动规则：
1. 点击进入活动页面，按照要求完成任务即可参与抽奖。每个任务每天开放1次，每完成1个任务可获得1积分，每1个积分可抽奖1次。
2. 在沸点 #2022超掘瞬间# 话题下，参考给出的9个问题发布沸点，活动结束后，将由掘金运营团队评选出#2022超掘瞬间#话题下优质沸点25条，赠送掘金鼠标垫1个
🚪活动页面：
juejin.cn
补充说明：
1. 需要登陆掘金账号后，先进入活动页，再完成任务才有效
2. 矿石奖励将会实时发放，周边奖励将会在活动结束后的7个工作日后统一发放！展开2471.9k - 最近开始写react，又重新去学习如何设计组件。
感受最深的是不要为了复用而复用，也不要过度设计。组件设计的目的不仅仅只有复用，还有分治。
拆分组件的意义是更好的解决问题，将复杂的问题简单化。
假设现在一个简单页面上有两个列表，这时候就想到我要写一个list组件，让这两个列表都用这个list组件。但实际上，这两个list组件形态完全不一样，甚至还掺杂了不少样式上的差异。此时就没有必要强行让这两个位置复用同一个组件。
依然是上面那个例子，样式上两个list不太一致，这时候我就想到，要写一个逻辑list组件，只负责逻辑复用，样式由使用者去决定。
这当然也不太合适。任何的组件设计都不能脱离当前的场景，我在写的只是一个简单的页面，伴随而来的可能是需求的快速变更。当产品要求你在其中某一个list上新增特殊逻辑时，这个逻辑list组件可能就需要增加各种if else，组件反而变得非常复杂。
因此，我更好的做法应该分别写两个list组件，不要复用。展开1116
