React
-
理解了状态管理,就理解了前端开发的核心
状态管理是前端整天遇到的概念,但是大家是否思考过什么是状态,管理的又是什么呢? 我们知道,程序是处理数据的,数据是信息的载体,比如颜色是红色或蓝色这就是数据。 那为什么不叫数据管理…
-
从根上理解 React Hooks 的闭包陷阱
现在开发 React 组件基本都是用 hooks 了,hooks 很方便,但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑,今天我们来探究下 hook…
-
从根上理解 React Hooks 的闭包陷阱(续集)
上篇文章我们知道了什么是 hooks 的闭包陷阱,它的产生原因和解决方式,并通过一个案例做了演示。 其实那个案例的闭包陷阱的解决方式不够完善,这篇文章我们再完善一下。 首先我们先来…
-
React 的 setState 是同步还是异步?
setState 是同步还是异步? 肯定是异步的呀。 确定么?那看一下这段代码会打印什么: import { Component } fro…
-
我对 React 实现原理的理解
React 是前端开发每天都用的前端框架,自然要深入掌握它的原理。我用 React 也挺久了,这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 …
-
全网最优雅的 React 源码调试方式
什么?调试 React 源码还有优雅和不优雅之分? 别着急,我们先来听个故事: 东东是一名前端工程师,主要用 React 技术栈,用了多年之后想深入一下,所以最近开始看 React…
-
图解 React 的 diff 算法:核心就两个字 —— 复用
React 是基于 vdom 的前端框架,组件 render 产生 vdom,然后渲染器把 vdom 渲染出来。 state 更新的时候,组件会重新 render,产生新的 vdo…
-
为什么说 90% 的情况下,immer 能完胜 immutable?
假设 React 组件有这样一个状态: this.state = { a: { &…
-
为什么说 90% 的前端不会调试 Ant Design 源码?
写 react 项目的小伙伴应该都用过 antd 组件库,但绝大多数同学并没有看过它的源码。 而想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面。 所以今天就…
-
从 React 源码彻底搞懂 Ref 的全部 api
ref 是 React 里常用的特性,我们会用它来拿到 dom 的引用。 它一般是这么用的: 函数组件里用 useRef: import React, {&nb…
-
基于 React 18 讲解 Hooks 原理
本文代码使用 React 版本:18.2.0 前置知识点 Fiber 架构 react 16.18.0 版本引入 fiber 架构,实现异步可中断更新。先把 vdom 树转成 f…
-
react项目本地开发环境设置https
react项目本地开发环境设置https http和https HTTP(全称:Hyper Text Transfer Protocol)超文本传输协议,是一个简单的请求-响应协议…
-
React Hooks原理探究
React Hooks原理探究 文章出自:掘金 https://juejin.cn/post/6891577820821061646 作者:willghy 概览 React 中通常…
-
<前端路由原理>react-router-dom入门级教程
<前端路由原理>react-router-dom入门级教程 React路由相关理解 📕 SPA的理解 单页WEB应用(single page web application , S…
-
如何正确使用 useMemo 和 useCallback
如何正确使用 useMemo 和 useCallback 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以…
-
一文学会useImperativeHandle
一文学会useImperativeHandle 1.前言 相比大家看到useImperativeHandle会感到十分陌生,但部分开源代码经常会出现它的身影,网上查阅的资料也是含糊…