react16

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

React基础技术点与JSX语法

脚手架组件化思维JSX开发调试工具虚拟DOM生命周期React-transition-groupRedux等2.基本知识reactJS——网页reactnative——原生appreactvr——开发vr全景应用react16
汪喆_Jack·2018-08-04 12:55

《深入React技术栈》学习笔记Ⅲ

以下的生命周期都是在React15的生命周期，React16的生命周期API已经发生变化。
般犀·2018-08-02 09:43

react16-reactDom.render流程分析

背景距离react16发布已经过去很久了，facebook开发团队耗时2年多，究竟做了什么呢。
weixin_33762321·2018-07-31 11:24

React v15到v16.3, v16.4新生命周期总结以及使用场景

我一直有个想法就是在接下来新功能的开发中尽量使用React16新推出的功能以及新周期函数，同时在
辰辰沉沉大辰沉·2018-07-25 09:01

FCC 成都社区·技术周刊 第 14 期

【前端】1.ReactFiber架构React16启用了全新的架构，叫做Fiber，其最大的使命是解决大型React项目的性能问题，再顺手解决之前的一些痛点。
weixin_33970449·2018-05-28 10:45

React16和Antd如何在IE9环境下忍辱偷生

项目使用React16，控件库用Antd，要求兼容到IE9，所以最近两周一直在搞IE9的兼容性问题。
辰辰沉沉大辰沉·2018-05-24 09:45

「React 16」为 Luy 实现 React Fiber 架构

可以说，React16和React15已经是技巧上的分水岭，但是得益于React16的Fiber架构，使得React即使在没有开启异步的情况下，性能依旧是得到了提高。
Floveluy·2018-05-21 17:02

高性能迷你React框架 anu1.3.0 发布

anujs1.3.0是一款高性能React-like框架，是目前世界上对React16兼容最好的迷你库。
司徒正美·2018-03-06 00:00

React音乐播放器(react+redux+react-router+webpack)

个人网站：https://www.neroht.com技术：React16，Redux，React-Router，WebPack项目演示项目github地址会点ps,所以自己设计了页面和交互。
nero·2018-02-25 00:00

深入理解React16之：（一）.Fiber架构

React16虽然出了一阵子了。刚出来的时候，粗略看了一遍更新文档。
Evan_zhan·2018-02-04 01:21

深入理解React16之：（一）.Fiber架构

React16虽然出了一阵子了。刚出来的时候，粗略看了一遍更新文档。
Evan_zhan·2018-02-04 01:21

React16.2的fiber架构

React16真是一天一改，如果现在不看，以后也很难看懂了。在React16中，虽然也是通过JSX编译得到一个虚拟DOM对象，但对这些虚拟DOM对象的再加工则是经过翻天覆地的变化。
司徒正美·2018-02-02 00:00

React.createClass is not a function. (In 'React.createClass', 'React.createClass' is undefined)

image.png原因是react16将createClass移除了，使用es6语法，如果必须使用es5创建类的话，请使用create-react-class包,请参考varReact=require(
zackxizi·2018-01-05 23:49

React 16 服务端渲染的新特性

原文链接：https://yq.aliyun.com/articles/682716React16服务端渲染的新特性React16中关于服务端渲染的新特性快速介绍React16服务端渲染的新特性，包括数组
串行并jjjjj·2018-01-04 21:04

高性能迷你React框架 anu1.2.2 发布

其次它是市场上唯一支持React16特征的库。明年也会搞一个状态库，对异步渲染友好。路由，状态库，CLI,PWA等
司徒正美·2017-12-29 00:00

基于React的音乐播放器，适配PC端和移动端

欢迎访问个人网站：https://www.neroht.com/基于React的适配PC端和移动端的轻量音乐播放器技术：React16更新基于这个音乐播放器组件写了一个简单的webapp,功能更丰富！
nero·2017-12-28 00:00

高性能迷你React框架 anu1.2 发布，支持React16的三大特性

anu已经有两个月没有发布了，经过1.1.5-pre,1.1.5-pre2,1.1.5-pre3,1.1.5-pre4,1.1.5-pre5,1.1.5-pre6,最终放弃了1.1.5,改成1.2.因为内部变动非常多，受控组件与非受控组件那块完全重写，只差一个case没有跑通（这部分的测试代码有2000多行）。支持React1.6的三大特征，组件支持返回数组，传送门与错误边界。下面是新支持的Rea
司徒正美·2017-12-16 00:00

Facebook 让步： React 协议改为 MIT，下周随 React 16一同发布

下周将和React16一起发布更新。事情回到几周前，Apache软件基金会(ASF)
零度源码·2017-12-13 00:00

Facebook发布React 16 专利条款改为MIT开源协议

Facebook发布React16专利条款改为MIT开源协议9月26日，用于构建UI的JavaScript库React16的最新版本上线。
Frank2288·2017-12-11 03:45

2017 前端大事件和趋势回顾，2018 何去何从？

1、React16和MIT许可证2017年，React继续
前端大全·2017-12-08 00:00

十分钟带你快速了解React16新特性

React16修复了这一点，引入了
弧度里的微笑·2017-11-10 11:02

React 16 新特性尝鲜视频教程【第6节：如何用 setState 避免无效渲染？】

课程介绍React16的发布除开源许可证和Fiber机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从ErrorBoundary到TextOnlyComponent
王仕军·2017-10-29 08:20

React 16 新特性尝鲜实战教程【第5节：HTML ≈ JSX】

课程介绍React16的发布除开源许可证和Fiber机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从ErrorBoundary到TextOnlyComponent
王仕军·2017-10-28 08:29

React 16 新特性尝鲜实战教程【第4节：20行代码实现弹窗】

课程介绍React16的发布除开源许可证和Fiber机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从ErrorBoundary到TextOnlyComponent
王仕军·2017-10-27 08:41

React 16 新特性尝鲜视频教程【第2节】

课程介绍React16的发布除开源许可证和Fiber机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从ErrorBoundary到TextOnlyComponent
王仕军·2017-10-25 07:34
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他