coderwhy前端课程课堂笔记|react教程||React组件化开发,组件之间的通信,生命周期解析,propTypes,子组件传递父组件,插槽,context,react更新机制,render调用

什么是组件化开发呢?

组件化是一种分而治之的思想:如果我们将一个页面中所有的处理逻辑全部放在一起,
处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。
但如果,我们讲一个页面拆分成一个个小的功能块,
每个功能块完成属于自己这部分独立的功能,
那么之后整个页面的管理和维护就变得非常容易了。我们需要通过组件化的思想来思考整个应用程序
:我们将一个完整的页面分成很多个组件;
每个组件都用于实现页面的一个功能块;而每一个组件又可以进行细分;而组件本身又可以在多个地方进行复用;
image.png
组件化是React的核心思想,也是我们后续课程的重点,
前面我们封装的App本身就是一个组件:
组件化提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。
任何的应用都会被抽象成一颗组件树。

组件化思想的应用:
有了组件化的思想,我们在之后的开发中就要充分的利用它。
尽可能的将页面拆分成一个个小的、可复用的组件。
这样让我们的代码更加方便组织和管理,并且扩展性也更强。
React的组件相对于Vue更加的灵活和多样,按照不同的方式可以分成很多类组件:
根据组件的定义方式,可以分为:函数组件(Functional Component )和类组件(Class Component);根据组件内部是否有状态需要维护,
可以分成:无状态组件(Sta

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值