SF
有赞美业前端团队
有赞美业前端团队
注册登录
关注博客
注册登录
主页
关于
RSS
react hooks源码深入浅出(二)
了不起的小六先生
2021-02-04
阅读 8 分钟
4.1k
react hooks源码深入浅出(一)react hooks源码深入浅出(二)在第一篇文章里我们了解了初次渲染过程react内部的处理流程和执行机制,接下里继续看看在状态更新阶段react是怎么处理的现在触发demo中onclick事件,也就是执行setCount方法同样从两个基础hook出发useStateuseEffect更新阶段核心流程useState在开始之前我们...
react hooks源码深入浅出(一)
了不起的小六先生
2020-12-09
阅读 4 分钟
4.6k
react hooks在react 16.8版本推出后就广受好评,因为它很好的解决了旧版本react无法优雅的复用状态逻辑的问题,同时官方说明hooks会向后兼容不存在breaking changes,在项目中更好的无缝接入。
React 高阶组件使用心得
csywweb
2019-06-07
阅读 3 分钟
4.3k
高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。具体而言,高阶组件是参数为组件,返回值为新组件的函数。还不了解高阶组件的点这里
React Hooks 解析(上):基础
Dickens
2019-04-19
阅读 6 分钟
23.7k
React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候,真的有一种豁然开朗,发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外,还会分析背后的逻辑和使用时候的注意事项,力求做到知其然也知其所以然。
Next.js 入门
Dickens
2019-04-16
阅读 6 分钟
30k
当使用 React 开发系统的时候,常常需要配置很多繁琐的参数,如 Webpack 配置、Router 配置和服务器配置等。如果需要做 SEO,要考虑的事情就更多了,怎么让服务端渲染和客户端渲染保持一致是一件很麻烦的事情,需要引入很多第三方库。针对这些问题,Next.js提供了一个很好的解决方案,使开发人员可以将精力放在业务上,...
前端权限控制
Dickens
2019-04-03
阅读 3 分钟
7.4k
在成熟的电商系统中,权限管理是不可或缺的一个环节。灵活的权限管理有助于管理员对不同的人员分配不同的权限,在满足业务需要的同时保证敏感数据只对有权限的人开放。笔者最近对系统的权限管理做了一次改造,在此分享一些经验以供参考。
React Fiber 原理介绍
Dickens
2019-02-22
阅读 3 分钟
66k
在 React Fiber 架构面世一年多后,最近 React 又发布了最新版 16.8.0,又一激动人心的特性:React Hooks 正式上线,让我升级 React 的意愿越来越强烈了。在升级之前,不妨回到原点,了解下人才济济的 React 团队为什么要大费周章,重写 React 架构,而 Fiber 又是个什么概念。
React 最佳实践
Dickens
2019-02-08
阅读 5 分钟
12.8k
在日常开发和 Code Review 的时候,常常会发现一些共性的问题,也有很多值得提倡的做法。本文针对 React 技术栈,总结了一些最佳实践,对编写高质量的代码有一定的参考作用。
React Fiber知识点学习笔记
一番
2019-01-06
阅读 9 分钟
3k
本文是对React Fiber知识点的学习记录,网上有很多大佬对React Fiber的详细讲解,想要深入了解React Fiber的可以查看文章后面的引用。
React 16 升级总结
Dickens
2018-12-27
阅读 2 分钟
14k
目前 React 最新的版本是 16.7.0,基于全新的 React Fiber 架构,有众多激动人心的新功能。由于是大版本升级,考虑到业务的稳定性,我们团队大概等了一年的时间,终于鼓起勇气着手升级的事情,特以此文来记录升级过程中遇到的坑。
优雅的在React组件中注册事件
csywweb
2018-12-12
阅读 3 分钟
4.3k
在React的开发中,我们经常需要在 window 上注册一些事件, 比如按下 Esc 关闭弹窗, 按上下键选中列表内容等等。比较常见的操作是在组件 mount 的时候去 window 上监听一个事件, 在组件 unmount 的时候停止监听事件。下面给大家介绍几个骚操作。
手把手教你写一个滑动条组件
csywweb
2018-12-12
阅读 8 分钟
6.6k
在写组件的第一步,我们先做一个组件的拆分,思考一下一个滑动条锁必备的基本要素是什么。从图上我们可以看出,一个滑动条分为左右两个部分:左边一个 Range 组件,右边是一个 input输入框。Range组件又可以细分为 Container 组件(整体长度)和 Track 组件(进度条部分,在 Container 组件内部,children 传进去)还有...
React 源码深度解读(十):Diff 算法详解
Dickens
2018-11-16
阅读 19 分钟
15.4k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程,在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚,而且还有配图帮助理解,非常值得一读。站在巨人的肩膀之...
React 源码深度解读(九):单个元素更新
Dickens
2018-11-14
阅读 14 分钟
3.3k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(八):事务 - Part 2
Dickens
2018-11-08
阅读 6 分钟
4.4k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(六):依赖注入
Dickens
2018-11-06
阅读 4 分钟
6.4k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(七):事务 - Part 1
Dickens
2018-11-05
阅读 8 分钟
3.9k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(五):首次自定义组件渲染 - Part 2
Dickens
2018-11-01
阅读 9 分钟
3.1k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(四):首次自定义组件渲染 - Part 1
Dickens
2018-10-30
阅读 6 分钟
4.3k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(三):首次 DOM 元素渲染 - Part 3
Dickens
2018-10-20
阅读 5 分钟
4.2k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深,阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中,给我帮助最大的就是这个系列文章,于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子,想体会原...
React 源码深度解读(二):首次 DOM 元素渲染 - Part 2
Dickens
2018-10-20
阅读 7 分钟
4.2k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程,在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚,而且还有配图帮助理解,非常值得一读。站在巨人的肩膀之...
React 源码深度解读(一):首次DOM元素渲染 - Part 1
Dickens
2018-10-19
阅读 7 分钟
15k
React 是一个十分庞大的库,由于要同时考虑 ReactDom 和 ReactNative ,还有服务器渲染等,导致其代码抽象化程度很高,嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程,在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚,而且还有配图帮助理解,非常值得一读。站在巨人的肩膀之...
webpack调优总结
Dickens
2018-09-21
阅读 6 分钟
5.5k
webpack 的出现为前端开发带来翻天覆地的变化,无论你是用 React,Vue 还是 Angular,webpack 都是主流的构建工具。我们每天都跟它打交道,但却很少主动去了解它,就像写字楼里的礼仪小姐姐,既熟悉又陌生。随着项目复杂度的上升,打包构建的时间会越来越长。终于有一天,你发现npm run dev后,去泡个茶,上了个厕所,跟...
你不知道的Virtual DOM(六):事件处理&异步更新
Dickens
2018-09-09
阅读 6 分钟
7.7k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
redux源码分析之五:applyMiddleware
Happi
2018-09-06
阅读 3 分钟
2.5k
redux中间件其实非常简单,中间件的目的只有一个:在dispatch前后,执行一些代码,达到增强dispatch的效果,有点类似装饰器的原理。
redux源码分析之四:compose函数
Happi
2018-09-06
阅读 2 分钟
3k
所以,这个compose函数执行后,返回值是另外一个函数,这个函数,其实只是做了一件事情:把一个函数数组,按照顺序,从数组最后向前按照顺序执行,并且,把前一个执行的函数返回值,作为下一个执行函数的入参。对,你没看错,就是这么简单!
你不知道的Virtual DOM(五):自定义组件
Dickens
2018-09-03
阅读 5 分钟
8.4k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(四):key的作用
Dickens
2018-08-29
阅读 7 分钟
10.1k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(三):Virtual Dom更新优化
Dickens
2018-08-29
阅读 7 分钟
10.7k
目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解Virtual DOM的创建过程,并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的Virtual DOM。敲单词...
你不知道的Virtual DOM(二):Virtual Dom的更新
Dickens
2018-08-25
阅读 8 分钟
14.6k
目前最流行的两大前端框架,React 和 Vue,都不约而同的借助 Virtual DOM 技术提高页面的渲染效率。那么,什么是 Virtual DOM ?它是通过什么方式去提升页面渲染效率的呢?本系列文章会详细讲解 Virtual DOM 的创建过程,并实现一个简单的 Diff 算法来更新页面。本文的内容脱离于任何的前端框架,只讲最纯粹的 Virtual D...
1
(current)
2
下一页
1
(current)
下一页