首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
react源码分析:babel如何解析jsx
react源码分析:babel如何解析jsx,同作为MVVM框架,React相比于Vue来讲,上手更需要JavaScript功底深厚一些,本系列将阅读React相关源码,从jsx->VDom->RDOM等一些列的过程,将会在本系列中一一讲解工欲善其事,必先利其器经过多年的发展,React已经更新了大版本16、17、18,本系列主要讲的是version:17.0.2,在讲这个版本之前,我们先看一看在
60
代码人生
01-01 08:00
代码人生
react源码中的生命周期和事件系统
react源码中的生命周期和事件系统,这一章我想跟大家探讨的是React的生命周期与事件系统。jsx的编译结果因为前面也讲到jsx在v17中的编译结果,除了标签名,其他的挂在标签上的属性(比如class),事件(比如click事件),都是放在_jsxRuntime.jsx函数的第二参数上。表现为key:value的形式,这里我们就会产生几个问题。react是怎么知道函数体(事件处理函数)是什么的呢
53
代码人生
01-01 08:00
代码人生
React Query 渲染优化
React Query 渲染优化,免责声明:渲染优化对于任何应用来说都是高级概念,ReactQuery已经有了很棒的开箱即用的优化,并且在大部分情况下,不需要进一步优化,不需要re-render是很多人关注的主题,这也是我想要谈论它的原因,但是我想再次指出,大多数情况下,对于大多数应用,渲染优化可能并不像你觉得那么重要,re-render它确保了你的应用是最新的,我每天都会选择一个不必要的渲染,而
51
代码人生
01-01 08:00
代码人生
react组件库系列:实现Anchor组件
react组件库系列:实现Anchor组件,组件基本样式因为滚动到了基础锚点这个标题上,所以上方的Anchor组件中“基础锚点”字体高亮了基本用法复制代码我们主要讲解思路:首先,如何判断,此时有标题已经进入了可视区域(浏览器窗口),然后把对应的AnchorItem组件颜色改成蓝色,表示正在预览此区域然后,如何在点击AnchorItem的时候,滚动条滑动至对应的区域初始化组件,判断浏览器窗口是否有锚
80
代码人生
01-01 08:00
代码人生
React 中的重新渲染
React 中的重新渲染,作者:梁瑞锋(晓玉)缘起React重新渲染,指的是在类函数中,会重新执行render函数,类似Flutter中的build函数,函数组件中,会重新执行这个函数React组件在组件的状态state或者组件的属性props改变的时候,会重新渲染,条件简单,但是实际上稍不注意,会引起灾难性的重新渲染类组件为什么拿类组件先说,怎么说呢,更好理解?还有前几年比较流行的一些常见面试题
65
百科问答
01-01 08:00
百科问答
react以及angular是当前最流行的三大前端框架,vuereactangular对比前端
react以及angular是当前最流行的三大前端框架,vuereactangular对比前端,今天我们聊一聊现在主流的三大前端框架,React、Angular、Vue。em。。。等等,稍微纠正一下,React其实并不能算是真正的前端框架,它其实更类似于像JQuery一样的前端包库。这个定义不重要,React这么流行那我们就把它和Angular、Vue一起聊一聊。先说一下为什么想聊一下这个话题,因
60
代码人生
01-01 08:00
代码人生
react 动态渲染组件,web2.0颜色选择器
react 动态渲染组件,web2.0颜色选择器,demo链接:githubdemo安装:NPM安装react-color--save有几种类型的组件alphapicker/blockpicker/chromepicker/circlepicker/compactpicker/githubpicker/huepicker/materialpicker/photoshos的公共组件API:color
69
代码人生
01-01 08:00
代码人生
React报错之Objects are not valid as a React child
React报错之Objects are not valid as a React child,总览当我们尝试在JSX代码中,直接渲染对象或者数组时,会产生"ObjectsarenotvalidasaReactchild"错误。为了解决该错误,在JSX代码中,使用map()方法来渲染数组或者访问对象的属性。下面是错误如何发生的示例。exportdefaultfunctionApp(){constem
235
代码人生
01-01 08:00
代码人生
react笔记(六)—— 组件通讯子传父
react笔记(六)—— 组件通讯子传父,前言大家好呀,我是L同学。在上篇文章react笔记(五)——组件通讯父传子中,我们学习了组件通信、props基本使用、props注意点、父传子等相关知识点。在这篇文章中,我们将学习到组件通讯子传父、兄弟组件组件通讯、使用context实现跨级组件通讯、props校验等相关知识点。组件通讯——子传父子组件的数据传递给父组件,利用回调函数,父组件提供回调,子组
105
代码人生
01-01 08:00
代码人生
react和javascript,react reconciler
react和javascript,react reconciler,首先什么是Protals?Protal为位于父组件之外的DOM节点渲染子节点提供了良好的方案1。第一个参数"child"是可渲染的React子元素,例如一个元素,字符串"fragment2",第二个参数"container"是DOM元素。这是因为渲染的内容默认挂载在id上例如,您将开发一个在屏幕中央渲染子组件的模型组件。首先,在i
61
«
1
2
3
4
5
6
7
8
...
35
36
»