什么是组件化

 组件化并不是前端所特有的，一些其他的语言或者桌面程序等，都具有组件化的先例。确切的说，只要有UI层的展示，就必定有可以组件化的地方。简单来说，组件就是将一段UI样式和其对应的功能作为独立的整体去看待，无论这个整体放在哪里去使用，它都具有一样的功能和样式，从而实现复用，这种整体化的细想就是组件化。不难看出，组件化设计就是为了增加复用性，灵活性，提高系统设计，从而提高开发效率

简单的说组件就是：将一段UI样式和其对应的功能作为独立的整体去看待，无论这个整体放在哪里去使用，它都具有一样的功能和样式，从而实现复用，这种整体化的思想就是组件化。

  • 为什么要组件化？
  • 增加复用性，灵活性，提高系统设计，从而提高开发效率。

我们将组件划分成三种组件：容器组件、无状态组件和UI组件

无状态组件可以给个定义：只接受props，根据不同的props展现出不同的样式，并且会抛出事件来通知外部组件需要的更改

在拿到产品的原型稿时，我们也需要去认真地思考这个问题：我们可以将页面分成几个模块

需要明白的是：

1.越小的单元，state就越需要单一
2.不要在UI组件和无状态组件中进行数据的请求，应该将之放入容器组件中
3.单向原则，子组件不应该影响父组件