组件设计笔记

date
Sep 21, 2020
slug
component-design
status
Published
tags
Javascript
Reactjs
summary
根据业务代码总结出的组件设计最佳实践
type
Post
如何更快更好的完成组件需要总结与思考。简单总结下:
  1. 首先按照组件复用度进行划分/组件抽象
  1. 其次按照共享的数据/数据的传递调整组件的划分
  1. 共享的数据放入redux/vuex 可将该组件的操作放入redux/vuex,作为一个既有数据又有操作的聪明组件只不过数据与操作都放在了redux/vuex中
  1. 数据不共享的的组件遵循数据/操作由父到子的流向将父组件当作聪明组件进行数据/事件的操作即可
  1. 其他组件均为笨蛋组件接收到数据结构相同的数据即可持续复用

© i7eo 2017 - 2024