react16

React16源码解析(六)-更新流程渲染阶段2

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 20:12

React16源码解析(五)-更新流程渲染阶段1

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 20:12

React16源码解析(四)-Scheduler

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 20:12

React16源码解析(三)-ExpirationTime

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 20:11

React16源码解析(二)-创建更新

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 20:11

React16源码解析(一)- 图解Fiber架构

React源码解析系列文章欢迎阅读：React16源码解析(一)-图解Fiber架构React16源码解析(二)-创建更新React16源码解析(三)-ExpirationTimeReact16源码解析
小柚子·2019-10-19 15:02

React源码解析----createElement + Component + PureComponent

看了很多其他人的博客，对于React16的fiber架构还是无法了解，尽管我知道他很牛逼。发现了解React的源码还是需要从渲染开始进行了解，明白从一个
Smail~Every·2019-09-27 22:02

详解React 16 中的异常处理

详解React16中的异常处理异常处理在React15.x及之前的版本中，组件内的异常有可能会影响到React的内部状态，进而导致下一轮渲染时出现未知错误。
·2019-09-22 12:36

从React 15到React 16

以下是将现有应用从React15迁移到React16时应考虑的一些优秀功能。我们是时候对React15说再见了错误处理React16引入了错误边界的新概念。
NsNe·2019-09-20 20:07

React Fiber架构：可控的“调用栈”

React16采用新的Fiber架构对React进行完全重写，同时保持向后兼容。
csRyan·2019-08-18 00:00

浅谈React Fiber

react_fiber.jpeg背景前段时间准备前端招聘事项，复习前端React相关知识；复习React16新的生命周期：弃用了componentWillMount、componentWillReceivePorps
萧强·2019-08-11 15:21

浅谈React Fiber

背景前段时间准备前端招聘事项，复习前端React相关知识；复习React16新的生命周期：弃用了componentWillMount、componentWillReceivePorps，componentWillUpdate
wteamxq·2019-08-11 00:00

React 是否保持 state 更新的顺序

目前（React16及更早版本），默认情
你看你看你再看·2019-08-07 13:00

React调度器原理解析

Fiber在React16的新版本，使用了Fiber重新实现了React的核心算法，带来了杀手锏增量更新功能。它有能力将整个更新任务拆分为一个个小的任务，并且能控制这些任务的执行。
chiuwingyan·2019-08-05 15:23

React调度器原理解析

Fiber在React16的新版本，使用了Fiber重新实现了React的核心算法，带来了杀手锏增量更新功能。它有能力将整个更新任务拆分为一个个小的任务，并且能控制这些任务的执行。
chiuwingyan·2019-08-01 10:32

Deep In React 之详谈 React 16 Diff 策略(二)

前言我相信在看这篇文章的读者一般都已经了解过React16以前的Diff算法了，这个算法也算是React跨时代或者说最有影响力的一点了，使React在保持了可维护性的基础上性能大大的提高，但Diff过程不仅不是免费的
·2019-07-30 00:00

[react] react15、react16生命周期对比

一、react15生命周期react15生命周期初始状态初始状态点击“挂载ChildComponent”按钮后点击“挂载ChildComponent”后从右边的console中可以看出Child组件首次挂载的时候，依次触发了Child组件的constructor,componentWillMount,render,componentDidMount。3.点击“修改Child组件的props.cou
jiansheng·2019-07-15 18:27

ReactDom.render 源码阅读

React16源码简介React16重写了核心算法reconciler。
我家小八真可爱·2019-07-08 01:51

ReactV16.3+新增的api

React16新的生命周期弃用了componentWillMount、componentWillReceivePorps，componentWillUpdate新增了getDerivedStateFromProps
泉泉泉泉泉泉·2019-07-06 21:02

React 16 加载性能优化

React16加载性能优化一次页面加载的全过程1.用户打开页面，这个时候页面是完全空白的；2.然后html和引用的css加载完毕，浏览器进行首次渲染，我们把首次渲染需要加载的资源体积称为“首屏体积”；3
8a029192bb96·2019-06-17 22:21

React生命周期详解

react生命周期react16版本之前，生命周期分为初始化，运行中，销毁这三个部分，而react16版本之后则分为初始化，运行中，销毁，错误处理四个部分1.初始化组建初始化阶段会执行1.constructor
DingLei_·2019-06-17 21:26

React生命周期详解

react生命周期react16版本之前，生命周期分为初始化，运行中，销毁这三个部分，而react16版本之后则分为初始化，运行中，销毁，错误处理四个部分1.初始化组建初始化阶段会执行1.constructor
DingLei_·2019-06-17 21:26

在 React 16 中从 setState 返回 null 的妙用

翻译：疯狂的技术宅原文：https://blog.logrocket.com/re...未经允许严禁转载概述在React16中为了防止不必要的DOM更新，允许你决定是否让.setState更来新状态。
疯狂的技术宅·2019-06-06 00:00

精读《Function Component 入门》

1.引言如果你在使用React16，可以尝试FunctionComponent风格，享受更大的灵活性。
黄子毅·2019-05-27 00:00

为什么 React16 对开发人员来说是一种福音

下面是将现有应用程序从React15迁移到React16时应该考虑的一些好特性。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！错误处理React16引入了错误边界的新概念。
·2019-05-12 00:00

React16新的生命周期函数getDerivedStateFromProps的使用，你也许并不需要派生状态【译】

getDerivedStateFromProps是React16的一个新特性，使用时一定要注意，原文：YouProbablyDon’tNeedDerivedState新的生命周期函数getDerivedStateFromProps
老鼠AI大米_Java全栈·2019-05-06 13:28

react hook实用的用法和技巧分析

建议用的的人项目react版本已经是react16了新建的项目一直对新技术保持关注，跃跃欲试的人对函数式编程爱好的人对react的componentDi
前端spark·2019-04-30 00:00

React16—— Context API

背景介绍假设有以下组件结构，并且只有D组件会用到A组件内的数据，那么就需要将props传递很多层，这样不仅书写起来很繁琐同时还会为夹在中间的组件引入不必要的propsContextAPI解决这类问题就很好用，很多流行框架（例如redux，mobx等）都在使用它。但是在React16.3.0之前，官方还是不推荐我们使用。这篇文章说明了使用旧版Context会出现的问题以及解决办法但是React16.
mirror__huang·2019-04-09 23:51

React16—— Portals

背景介绍想象一下现在有图1所示的组件结构，并且D组件是相对于A组件定位的。通常有两种解决方式：图11.css定位解决：将D的positon设为absolute，同时将A设为relative。这种方式简单粗暴，但是如果需求有变化，需要将B的positon也设为absolute，那D就不能相对于A节点定位了2.将组件结构替换成图2所示，直接将D组件当成A组件的组件。这种方式需要通过A组件来维护B组件与
mirror__huang·2019-04-08 22:56

React16—— New render return type/Error Boundaries

于是React16便提供几种新的返回类型：数组或Fragment：可以返回多个元素constarrayType=()=>([1,2,3,'tips:needkeyandcommas,stringmustbewrappe
mirror__huang·2019-04-04 00:55

React16性能改善的原理（二）

前情提要上一篇我们提到如果setState之后，虚拟domdiff比较耗时，那么导致浏览器FPS降低，使得用户觉得页面卡顿。那么react新的调度算法就是把原本一次diff的过程切分到各个帧去执行，使得浏览器在diff过程中也能响应用户事件。接下来我们具体分析下新的调度算法是怎么回事。原虚拟DOM问题假设我们有一个react应用如下：classAppextendsReact.Component{r
Bernie维·2019-03-13 15:32

react-router4路由分包加载，webpack4 + react16 + react-router4 + babel7包版本匹配

近来想要自己搭建react环境进行学习，现在react版本为react16.x，使用的babel是6.x版本的，然后后面路由分包需要分包加载，react-router4版本使用官方提供的@babel/plugin-syntax-dynamic-import+loadable-components，地址https://reacttraining.com/react-router/web/guides
cookysurongbin·2019-03-12 15:59

react-router4路由分包加载，webpack4 + react16 + react-router4 + babel7包版本匹配

近来想要自己搭建react环境进行学习，现在react版本为react16.x，使用的babel是6.x版本的，然后后面路由分包需要分包加载，react-router4版本使用官方提供的@babel/plugin-syntax-dynamic-import+loadable-components，地址https://reacttraining.com/react-router/web/guides
cookysurongbin·2019-03-12 15:59

React16版本Hook钩子函数的简单理解

自己也在学习中，百度到的文章都是翻译API的，记录一下自己的理解吧，本身是小白，有错误请指出。目前在学习当中，发现React的偏向于将逻辑从组件中抽出，使组件仅仅用于接收数据渲染，而逻辑全放入Hook中操作。useState用于返回组件的初始化state并且返回更新方法，它只关心你传入的初始值，可以包装一下更便于抽出逻辑，组件只用于渲染。useState返回的第一个参数就是你initialStat
Lawliet丶·2019-03-03 20:36

React16时代，该用什么姿势写 React ?

React16后的各功能点是多个版本陆陆续续迭代增加的，本篇文章的讲解是建立在16.6.0版本上本篇文章主旨在介绍React16之后版本中新增或修改的地方，所以对于React16之前版本的功能，本篇文章当作您已充分了解了
小贼先生·2019-02-28 00:00

React16性能改善的原理（一）

问题背景React16更新了底层架构，新架构主要解决更新节点过多时，页码卡顿的问题。譬如如下代码，根据用户输入的文字生成10000行数据，用户输入框会出现卡顿现象。
Bernie维·2019-02-21 00:58

React16性能改善的原理一

问题背景React16更新了底层架构，新架构主要解决更新节点过多时，页码卡顿的问题。譬如如下代码，根据用户输入的文字生成10000行数据，用户输入框会出现卡顿现象。
weixin_34123613·2019-02-21 00:26

weekly 2019-01-12

这周JS异步包括ES6Promise写法以及ES7Async/Await以及PromiseAPI的回顾demo，模拟异步获取token，我对什么时候Promise转换为Reject的理解还是不是很清楚React16
ilvseyinfu·2019-01-12 00:00

React16 生命周期理解

完整生命周期constructor(props)//初始化参数componentWillMount()render()//第一次渲染componentDidMount()当父组件向子组件传入props发生改变后，依次调用componentWillReceiveProps(nextProps)shouldComponentUpdate(nextProps,nextState)componentWil
ilvseyinfu·2019-01-10 00:00

React开发实践7--首页优化的过程

写在前面需要说明一点是，关于比较常规的React性能优化，可以看这篇文章：React16加载性能优化指南，我要聊到是一些非常规，与实际开发密切相关的坑，但也正是因为这是我个人遇到的个案，或者并不构成普遍意义
继续海阔天空·2018-12-25 16:25

RN-页面级崩溃处理：componentDidCatch

为了解决React用户的这一问题，React16引入了一种称为“错误边界”的新概念。
精神病患者link常·2018-12-24 12:52

react16 + typescript + webpack4 + mobx + antd的CMS项目

React该项目主要使用的前端框架是react16，有用到新特性React.lazy，这样我们就不需要使用Loadable啦~。
heheda·2018-12-12 00:00

React 16 加载性能优化指南

但随着React16和Webpack4.0的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了React16和Webpack4.0，做了很多这方面的优化，所以就写一篇文章来总结一下
_marven·2018-12-10 09:00

2018-11-27 构建一个react,redux,react-router的框架

用的是react16版本，redux4.0.1,react-router4.3.1;1.用create-react-app命令，先构建一个初始的架子。
折梅踏雪·2018-11-27 14:40

react16——ref & dom

基本使用1.Refs提供了一种方式，用于访问在render方法中创建的DOM节点或React元素。2.使用refs的情况：（1）处理焦点、文本选择、媒体控制。（2）自定义动画（3）通过第三方DOM库，获取DOM节点3.如果可以，优先通过声明状态实现，进而避免使用refs。例如，不要在Dialog组件上直接暴露open()和close()方法，最好传递isOpen属性。4.不要过度使用refs,如果
CC_Amber·2018-10-21 12:53

浅谈React16组件的生命周期

React在16版本的时候对组件的生命周期函数作出了一些修改，这里我们简单来了解一下新的生命周期函数。组件生命周期概述1、初始化在组件初始化阶段会执行constructorstaticgetDerivedStateFromProps()render()componentDidMount()componentWillMount()/UNSAFE_componentWillMount()函数可能会被废
想要飞的蜗牛·2018-10-15 21:11

React-新的生命周期（React16版本）

组件生命周期的三个阶段Mounting（加载阶段）Updating（更新阶段）Unmounting（卸载阶段）旧的生命周期Mounting（加载阶段：涉及6个钩子函数）constructor()加载的时候调用一次，可以初始化stategetDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性。getInitialState()初始化state，可以直
Nine·2018-10-09 00:00

详解React生命周期(包括react16版)

tips：很久没在更新文章了，欢迎大家逛逛我在github的博客点击查看。Reactv16.0前的生命周期其实大部分团队不见得会跟进升到16版本，所以16前的生命周期还是很有必要掌握的，何况16也是基于之前的修改image第一个是组件初始化(initialization)阶段也就是以下代码中类的构造方法(constructor()),Test类继承了reactComponent这个基类，也就继承这
aermin·2018-10-07 10:01

前端中常见数据结构小结

下列将笔者涉猎到的与前端相关的数据结构案例作如下总结：数据结构案例栈FILO:其它数据结构的基础，redux/koa2中间件机制队列FIFO：其它数据结构的基础链表React16中的Fiber的优化集合对应
牧云云·2018-08-18 18:00

前端中常见数据结构小结

下列将笔者涉猎到的与前端相关的数据结构案例作如下总结：数据结构案例栈FILO:其它数据结构的基础，redux/koa2中间件机制队列FIFO：其它数据结构的基础链表React16中的Fiber的优化集合对应
牧云云·2018-08-18 00:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他