React - 好代码

react中Hooks的理解和用法小结

一、Hooks是什么？ Hook 是 React 16 8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 ...

Tags： react , Hooks , 用法 ,

04-07
React中如何实现keepalive组件缓存效果的方法详解

背景由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点...

Tags： React , keepalive , 缓存 ,

04-07
深入了解React中的合成事件

1 事件三个阶段捕获、目标、处理（具体百度，后面有空补全） 2 示例 import React from "react ";class Test extend...

Tags： React , 合成 , 事件 ,

04-07
React如何实现前端选区的示例代码

什么是选区前端选区非常常见，通过鼠标的点击和移动来创建一个选中页面，在多个元素需要被选中的情况下，一个个点击显的非常拖沓，所以需要通过建立选区来应对多个元素的...

Tags： React , 选区 ,

04-07
React如何使用ref方法与场景介绍

摘要不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是ref。而Vue中的ref...

Tags： React , ref ,

04-07
react redux及redux持久化示例详解

一、react-redux react-redux依赖于redux工作。运行安装命令：npm i react-redux：使用：将Provider套在入口组...

Tags： react , redux , 持久化 ,

04-07
React前端开发createElement源码解读

React 与 Babel 元素标签转译用过 React 的同学都知道，当我们这样写时： barBabel 会将其转译...

Tags： React , 前端 , createElement ,

04-07
react生命周期(类组件/函数组件)操作代码

1 react代码模式分为两种类组件和函数组件（生命周期也有所不同） 2 类组件（写法如下） import React from react export...

Tags： react , 生命周期 , 函数组件 , 类组件 ,

04-07
Javascript之提高React性能的技巧

一些刚开始学习 React，或者从其他框架转入 React 的开发者，一开始可能不会太关注性能。因为需要一些时间来发现新学习的框架的性能缺点。后来，由于缺乏经...

Tags： Javascript , React , 性能 ,

04-07
React+Mobx基本如何使用、模块化操作

Mobx介绍 1 什么是Mobx 一个可以和React良好配合的集中状态管理工具，和Redux解决的问题相似，都可以独立组件进行集中状态管理 mobx与reac...

Tags： React , Mobx ,

04-06
react如何实现列表滚动组件功能

1 需求在开发项目的时候，从服务端获取到数据列表后，展示给用户看：需要实现数据自动滚动效果，怎么实现呢？如下图所示：2 实现把上面需要实现的功能写成一个组件...

Tags： react , 列表 , 滚动 , 组件 ,

04-06
React更新渲染原理深入分析

当我们调用 setState 之后发生了什么？react经历了怎样的过程将新的 state 渲染到页面上？一次react更新，核心就是对虚拟dom进行diff...

Tags： React , 更新 , 渲染 ,

04-06
如何用react优雅的书写CSS

1 内联样式优点：这种方式较为简单，一目了然，给标签添加style属性。缺点: 这种方式可以造成项目结构较为臃肿，造成css命名冲突。import React...

Tags： React , CSS ,

04-06
react源码层分析协调与调度

requestEventTime 其实在React执行过程中，会有数不清的任务要去执行，但是他们会有一个优先级的判定，假如两个事件的优先级一样，那么React是...

Tags： react , 协调 , 调度 ,

04-06
React状态提升案例介绍

1 介绍所谓状态提升就是将各个子组件的公共state 提升到它们的父组件进行统一存储、处理（这就是所谓的”单一数据源“），负责s...

Tags： React , 状态 , 提升 , 管理 ,

04-06
React javascriptx转换与createElement如何使用超详细讲解

jsx的转换我们从 react 应用的入口开始对源码进行分析，创建一个简单的 hello, world 应用： import React, { Compone...

Tags： React , jsx转换 , createElement ,

04-06
React组件useReducer的讲解与如何使用

useReducer的使用在React函数式组件中，我们可以通过useState()来创建state，这种state创建方式会给我们返回两个东西state和s...

Tags： React , 组件 , useReducer , 使用 ,

04-06
React并发更新与性能优化解析

正文当一个React应用逻辑变得复杂后，组件render花费的时间会显著增长。如果从组件render到视图渲染期间消耗的时间过长，用户就会感知到页面卡顿。为...

Tags： React , 并发 , 更新 , 性能优化 ,

04-06
教你react中如何理解usestate、useEffect副作用、useRef标识和useContext

1 usestate 1 1一般使用注意：useState 的初始值(参数)只会在组件第一次渲染时生效。也就是说，以后的每次渲染，useState 获取到都是...

Tags： react , usestate , useEffect , useRef , useContext ,

04-05
React虚拟渲染如何实现50个或者一百个图表渲染

前言最近有个需求，一个页面上要渲染50个或者100个图表，把功能实现后，页面太卡了。之前用过虚拟渲染能解决此类的问题，但用的都是别人写好的库，想了想，自己实现...

Tags： React , 虚拟渲染 , 图表渲染 ,

04-05

上一页 1 2 3 4 5 6 7 8 9 10 下一页

React最新文章