react的理解

13 篇文章 0 订阅

react的简单在于,它的核心API其实非常少。所以我们会看到很多地方在说react其实是一个UI库,并不是一个完整的框架,他告诉我们如何创建组件以及如何进行数据传递。甚至于创建组件的方式正是使用ES6的class语法
因此在开发中react的使用对于ES6的语法依赖非常高。因此react自身本来就没有多少强限制的语法。我们只需要掌握组件里的props,state,ref,生命周期,就好像没有过多的额外知识,如果想要在jsx模板来遍历渲染,还得使用原生的map方法。而react的告诫组件,理解之后发现,其实就是javascript非常接近。即给开发者带来的束缚非常少。一个功能实现,如果你知道使用原生javascript如何实现,那么你就一定能够很轻松的知道使用react如何实现,那么你就一定很轻松的知道使用react如何实现。
当然,核心API简单并不代表上手容易。在使用之初,如果你经验缺乏,那么你用react写出来的页面,性能可能会非常差。因为无意识的,你的组件可能会有非常多的多余的渲染。
比如很多人在学习raect的时候,会接触到一个倒计时的例子,这个例子使用修改组件中state的方式来实现。但是其实后来大家会慢慢知道,这种方式不太好的,因为state的每次修改,都会导致组件及其所有子组件的重新渲染。这是成本很高的行为。不如 requestAnimationFrame 的性能

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值