react与微信小程序

由组员完成原文链接

都说react和微信小程序很像，但是像在什么部分呢，待我稍作对比。

生命周期

1.React
React的生命周期在16版本以前与之后发生了重大变化，原因在于引入的React Fiber,Fiber的引入是为了解决庞大的组件树在更新的时候产生的性能问题。我们知道，组件树是一层一层的，在更新的时候，同样也是一层一层深入的，对于层级特别深的组件树，无疑需要耗费大量的时间，用户若在这段时间内进行操作，由于主线程用于UI更新，会无暇顾及用户的操作。而Fiber将一个耗时很长的任务分解成一个一个小片，每完成一个小片就去检查现在是否有需要执行的紧急任务，而Fiber就是维护分片的数据结构。
但是Fiber的出现会造成反复渲染的情况，所以生命周期需要作出改变

图片来自于 https://medium.com/@baphemot/understanding-react-react-16-3-component-life-cycle-23129bc7a705

getDerivedStateFromProps为一个纯函数，可以进行无副作用的操作
ajax一类的操作放在componentDidUpdate中

2.微信小程序

微信小程序的生命周期我们可以从文档中略知一二

我们在新建一个页面的时候，会实例化一个page，里面有onLoad等等的函数

事件处理

React
React的事件处理并非同步的，这也是使用setState的原因。根据变量isBatchingUpadates判断为直接更新还是放在队列中，默认状态为false，也就是同步更新
2.微信小程序
微信小程序中使用setData更新数据，基本格式相同

组件

两者都有组件化的概念，不过在学习中，小程序涉及的好像并不多。

转载于:https://www.cnblogs.com/Phoenix-blog/p/10907539.html

react与微信小程序相关推荐

Vue，React，微信小程序，快应用，TS 和 Koa 一把梭
前言前端生态越来越繁华,随着资本寒冬的来临,对前端招聘要求也变高了: 本文将从项目出发由浅入深做一个Vue,React,微信小程序,快应用,TS和 Koa的知识大串联: 相当于一篇文章搞定前端目前主 ...
vue react 以及微信小程序数据绑定的区别
1.小程序中 data初始化数据 this.setData() 修改数据修改数据的行为始终是同步的数据流 :单项 Model --> View 2.vue data初始化数据 this ...
微信小程序剪切图片的功能
全平台(Vue.React.微信小程序)任意角度旋转图片裁剪组件 | 微信开放社区 Simple-Crop/USAGE-wechat.md at master · newbieYoung/Simpl ...
微信小程序开发前配置
微信小程序这是嵌入在微信应用程序中的一个更小的应用程序. 属于:混合开发. 混合开发: 一处开发,多端应用. 前端分类网站方向: 普通静态网站 . 网站APP 应用方向: 混合开发一个公司,制作 ...
微信小程序直播正式公测；刘强东 2020 年已卸任 8 家公司高管；React 16.13.0 发布| 极客头条...
整理 | 屠敏头图 | CSDN 下载自视觉中国快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦, ...
【taro react】---- 兼容微信小程序和H5的海报绘制插件
1. 环境 taro 3.2.12 taro react [Class Component] 2. 预览 H5海报预览测试微信小程序海报预览测试 3. 实现 1. 创建标签 <View cla ...
微信小程序Taro + React开发实践
微信小程序Taro + React开发实践微信小程序原生开发有一套自己的规范和写法,开发体验十分类似Vue,但如果你想减少学习成本,那么Taro框架是一个在此基础上又封装了一层的轮子,从社区热度到开 ...
微信小程序，一个有局限的类似 React Native 轮子
微信小程序就是一个类似RN的轮子,可以快速开发,有一定的适用场景,但是也有其局限性.(结论是基于微信小程序的示例代码做的解读,可能存在谬误. 文末有好奇心日报小程序的二维码,欢迎围观. 2016年11 ...
微信小程序，一个有局限的类似 React Native 轮子！
微信小程序就是一个类似RN的轮子,可以快速开发,有一定的适用场景,但是也有其局限性.(结论是基于微信小程序的示例代码做的解读,可能存在谬误. 文末有好奇心日报小程序的二维码,欢迎围观. 2016年11 ...

react与微信小程序

生命周期

事件处理

组件

react与微信小程序相关推荐

最新文章

热门文章