React
29篇文章 · 0订阅
  • 如何使用React Context API做全局状态管理
    本文主要介绍如何使用React Context在中小型项目中做状态管理，并介绍了useContext的使用，欢迎阅读。
    React.js 前端
    如何使用React Context API做全局状态管理
  • 利用React 自定义Hooks实现业务逻辑复用实例
    React Hooks 除了可以给函数式组件赋予状态和生命周期管理外，最重要的一点是可以把共用的逻辑处理代码抽离出来给不同的视图组件进行使用，它的目的和 HOC 和 Render Props 基本相同。这篇文章将以请求远程API数据为例，最后抽离出公共的数据请求的自定义 hoo…
    React.js
  • React17源码解析(开篇) —— 搭建 react 源码调试环境
    本章将开始 react17 源码系列的介绍，包括系列的目录介绍，以及如何搭建一个 react17 源码的调试环境
    前端 React.js
    React17源码解析(开篇) —— 搭建 react 源码调试环境
  • React17源码解析(1) —— 源码目录及 react 架构
    要学习 react 源码，首先要对 react 的源码和整个架构有个大体的了解，这样学起来会事半功倍，本章将介绍一下 react 的源码和架构。
    前端 React.js
    React17源码解析(1) —— 源码目录及 react 架构
  • 浅谈React 虚拟DOM，Diff算法与Key机制
    参考文章： https://juejin.cn/post/6844903824683958286 《深入React技术栈》 1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生J
    React.js
  • React学习第五天---Virtual DOM 及 Diff 算法（diff算法完成DOM更新）（四）
    这是我参与更文挑战的第12天 接下来学习是关于更新DOM元素，VirtualDOM的对比。前面完成了虚拟DOM到真实DOM的渲染工作，接下来进入Diff算法阶段。 节点类型相同的情况 我们准备两段JS
    React.js
    React学习第五天---Virtual DOM 及 Diff 算法（diff算法完成DOM更新）（四）
  • React学习第六天---Virtual DOM 及 Diff 算法（类组件的更新）（五）
    这是我参与更文挑战的第18天 使用setState方法实现类组件更新 先声明有state状态的一个类组件 首先在src/index.js设置一个类组件Alert,设置类组件state有一个Title属
    React.js
    React学习第六天---Virtual DOM 及 Diff 算法（类组件的更新）（五）
  • React学习第三天---Virtual DOM 及 Diff 算法（实现VirtualDOM）（二）
    这是我参与更文挑战的第8天 今天我们来学习怎么创建一个Virtual DOM对象，和将virtualDOM对象怎么转化成一个realDOM对象 创建 VirtualDOM 对象 通过上篇文章我们已经知
    React.js
    React学习第三天---Virtual DOM 及 Diff 算法（实现VirtualDOM）（二）
  • React学习第二天---Virtual DOM 及 Diff 算法（什么是VirtualDOM）（一）
    前提： 接下来的学习目标是为了写一个toy-react 我们将会了解什么是Virtual DOM Virtual DOM是如何提升操作DOM性能的 如何创建Virtual DOM对象，如何将Virtu
    React.js
    React学习第二天---Virtual DOM 及 Diff 算法（什么是VirtualDOM）（一）
  • React高阶组件(HOC)的入门📖及实践💻
    作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…
    React.js
    React高阶组件(HOC)的入门📖及实践💻