React
12篇文章 · 0订阅
  • 我对 React 实现原理的理解
    React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 vdom 的前端框架
    前端 JavaScript React.js
    我对 React 实现原理的理解
  • 「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
    介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !
    React.js JavaScript 前端
    「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
  • 盘点掘金 2021 高赞 React 文章
    React 进阶 、Vue 转 React、优质的 React 开源项目，React 源码解读、react hooks 总结。
    前端 React.js
    盘点掘金 2021 高赞 React 文章
  • 【React深入】setState的执行机制
    以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。 3.更新时会把每个组件的更新合并，每个组件只会触发一次更新的生命周期。 由于源码比较复杂，就不贴在这里了，有兴趣的可以去github上clone一份然后按照下面的流程图去走一遍。 1.将set…
    React.js
  • React 入门儿
    React 影响着我们工作的方方面面，我们每天都在使用它，只窥其表却难以窥其里。正所谓看不如写，本篇文章的目的就是从原理层面探究 React 是如何工作的。 在写文章之前，为了方便理解，我准备了一个懒人调试仓库 simple_react ，这个仓库将 benchmark 用例（…
    React.js 前端
    React 入门儿
  • 这可能是最通俗的 React Fiber(时间分片) 打开方式
    写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…
    React.js JavaScript 前端
    这可能是最通俗的 React Fiber(时间分片) 打开方式
  • React Fiber
    react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…
    React.js 前端 JavaScript
  • 「react进阶」一文吃透react-hooks原理
    之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…
    React.js JavaScript
    「react进阶」一文吃透react-hooks原理
  • 让虚拟DOM和DOM-diff不再成为你的绊脚石
    createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…
    Vue.js 面试
    让虚拟DOM和DOM-diff不再成为你的绊脚石
  • react-router 按需加载
    React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript，也就是大家说的“代码分拆" — 将所有的代码分拆成多个小包，在用户浏览过程中按需加载。
    React.js Webpack