首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
React+Typescript+Redux的使用步骤
React+Typescript+Redux的使用步骤,目前的项目是基于Typescript下的React,接入Redux的话在部分接口声明和定义的地方是需要注意的,这里整理一下步骤并进行记录。1.安装Redux基本环境我们目前需要使用的Redux相关库包括redux、react-redux、redux-saga,所以首先需要做的是通过npm或者yarn安装对应的库,注意这其中react-redu
208
代码人生
01-01 08:00
代码人生
react的状态管理(react状态管理工具有哪些)
react的状态管理(react状态管理工具有哪些),一、react状态管理核心概念redux和mobx都是状态管理的库,与react本身并无关系,通过react-redux、mobx-react作为桥梁来结合react。状态管理的主线:创建state注入statestate的变化触发ui的更新1、redux+react-reduxredux//redux//创建store=createStore
207
代码人生
01-01 08:00
代码人生
ReactJS 高阶组件
ReactJS 高阶组件,高阶组件是用于向现有组件添加附加功能的JavaScript函数。这些函数是纯函数,这意味着它们接收数据并根据这些数据返回值。如果数据发生变化,高阶函数将使用不同的数据输入重新运行。如果我们想更新返回的组件,我们不必更改HOC。我们需要做的就是改变我们的函数正在使用的数据。高阶组件(HigherOrderComponent,HOC)环绕在“普通”组件周围,并提供额外的数据输
205
后端
01-01 08:00
后端
react+typescript实现无限滚动功能
react+typescript实现无限滚动功能,无限滚动在前端开发中很常见,为了图省事本人在github上尝试了一些开源的无限滚动组件,发现都不好用,而且都许久没有更新了,拿我尝试使用的两个组件【react-infinite-scroll-component,react-infinite-scroller】为例说明一下使用过程中遇到的坑:1滚动到底后,会进行无限的请求。这是由于请求后插入新的元素
205
代码人生
01-01 08:00
代码人生
react的思维导图
react的思维导图,一、react介绍二、UI界面2.1JSX基础2.2数据渲染三、React与ReactRedux3.1React3.2ReactRedux四、组件4.1组件化思想4.2类组件4.3函数组件4.4高阶组件学习完一个技术框架,使用思维导图可以加深记忆,一边写一边理解,整挺好的复制代码借鉴微信公众号:前端点线面--一张思维导图入门React作者:木子星辰链接:https://jue
204
后端
01-01 08:00
后端
React如何捕捉错误
React如何捕捉错误,背景错误在我们日常编写代码是非常常见的举个例子,在react项目中去编写组件内JavaScript代码错误会导致React的内部状态被破坏,导致整个应用崩溃,这是不应该出现的现象作为一个框架,react也有自身对于错误的处理的解决方案如何捕捉错误为了解决出现的错误导致整个应用崩溃的问题,react16引用了错误边界新的概念错误边界是一种React组件,这种组件可以捕获发生在
201
代码人生
01-01 08:00
代码人生
React的ref是怎样调用其他元素?(react ref用法)
React的ref是怎样调用其他元素?(react ref用法),一、什么是refref可以理解为指向React元素的变量,方便其他组件访问这个React元素。二、class组件使用ref1、createRef:class组件通过ref,访问class组件。classCustomTextInputextendsReact.Component{constructor(props){super(pro
199
代码人生
01-01 08:00
代码人生
react源码解读之ReactLazy.js
react源码解读之ReactLazy.js,Wakeable,Thenable傻傻分不清楚importtype{Wakeable,Thenable}from'shared/ReactTypes';exportinterfaceWakeable{then(onFulfill:()=>mixed,onReject:()=>mixed):void|Wakeable;}exportinterfaceTh
199
代码人生
01-01 08:00
代码人生
React接入vite作为开发环境实施方案,接入架手架介绍
React接入vite作为开发环境实施方案,接入架手架介绍,如果你的React项目现在已经比较庞大,每次启动的时候都需要几十秒,热更新也是非常的慢,你想要缓解这种现象,提高开发效率的时候,可能首先就会想到vite,今天聊一聊React接入vite的方案。一、方案介绍新项目如何使用vite?1.最直接也是简单的,使用vite中文官网提供的脚手架,初始化项目,不过,官网的脚手架,只提供了最基本的rea
198
后端
01-01 08:00
后端
React 源码解读之常用变量
React 源码解读之常用变量,React源码中有很多常用变量,如标记节点类型的fiber.tag,标记更新类型的fiber.flags,标记启动模式的fiber.mode等等。WorkTag元素类型WorkTag用来标记React中的不同元素,如原生HTML标签元素、Function组件、class组件、Provider组件、Consumer组件、Fragment组件等等。这些通常体现在fibe
194
«
1
2
...
5
6
7
8
9
10
11
...
35
36
»