![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
编码博客控
这个作者很懒,什么都没留下…
展开
-
React之Fiber
一、React Fiber是什么React Fiber是对核心算法的一次重新实现。React Fiber把更新过程碎片化,把一个耗时长的任务分成很多小片,每一个小片的运行时间很短,虽然总时间依然很长,但是在每个小片执行完之后,都给其他任务一个执行的机会,这样唯一的线程就不会被独占,其他任务依然有运行的机会在React Fiber中,一次更新过程会分成多个分片完成,所以完全有可能一个更新...原创 2019-10-22 22:01:06 · 211 阅读 · 0 评论 -
React16.3新的生命周期详解
一、React v16.0前的生命周期1.1 第一个是组件初始化(initialization)阶段也就是以下代码中类的构造方法(constructor()),Test类继承了reactComponent这个基类,也就继承这个react的基类,才能有render(),生命周期等方法可以使用,这也说明为什么函数组件不能使用这些方法的原因super(props)用来调用...转载 2019-10-22 21:55:24 · 254 阅读 · 0 评论 -
面试 | 必须要会的50个React面试题
前言如果你是一位有抱负的前端程序员并准备面试,那么这篇文章很适合你。本文是你学习和面试 React 所需知识的***指南。JavaScript 工具缓慢而稳定地在市场中扎根,对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性。其中 React 被认为是增长最快的 Javascript 框架。截至今天,Github 上约有1,000名贡献者。 Virtu...原创 2019-10-22 21:27:26 · 1152 阅读 · 1 评论 -
React性能优化总结
一、重新认识renderreact的组件渲染分为初始化渲染和更新渲染在初始化渲染的时候会调用根组件下的所有组件的render方法进行渲染,如下图(绿色表示已渲染,这一层是没有问题的)但是当我们要更新某个子组件的时候,如下图的绿色组件(从根组件传递下来应用在绿色组件上的数据发生改变)我们的理想状态是只调用关键路径上组件的render但是react的...原创 2019-10-21 21:03:50 · 418 阅读 · 0 评论 -
使用Next搭建React SSR工程架构之基础篇
一、Next.js是什么Next.js是一个基于React的一个服务端渲染简约框架。它使用React语法,可以很好的实现代码的模块化,有利于代码的开发和维护1.1 Next.js带来了很多好的特性默认服务端渲染模式,以文件系统为基础的客户端路由 代码自动分隔使页面加载更快 以页面为基础的简洁的客户端路由 以webpack的热替换为基础的开发环境 使用React的JSX和ES...原创 2019-10-21 20:32:14 · 1320 阅读 · 0 评论 -
【React系列】动手实现一个react-redux
react-redux 是什么react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用,而是要动手实现一个简易的 react-redux,希望能够对你有所帮助。首先思考一下,倘若不使用 react-redux,我们的 react 项目中该如何结合 redux 进行开发呢。每个需要与 redux 结合使用的...原创 2019-10-11 20:35:16 · 86 阅读 · 0 评论 -
【React深入】React事件机制
关于React事件的疑问1.为什么要手动绑定this2.React事件和原生事件有什么区别3.React事件和原生事件的执行顺序,可以混用吗4.React事件如何解决跨浏览器兼容5.什么是合成事件下面是我阅读过源码后,将所有的执行流程总结出来的流程图,不会贴代码,如果你想阅读代码看看具体是如何实现的,可以根据流程图去源码里寻找。事件注册组件装载 / 更新。通过lastProp...原创 2019-10-10 17:30:11 · 90 阅读 · 0 评论 -
你要的 React 面试知识点,都在这了
React是流行的javascript框架之一,在2019年及以后将会更加流行。React于2013年首次发布,多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。以下是面试前必须了解的话题。什么是声明式编程声明式编程 vs 命令式编程什么是函数式编程什么是组件设计模式React 是什么React 和 Angular 有什么不同什么是虚拟D...原创 2019-10-09 22:01:00 · 147 阅读 · 0 评论 -
React基础面试题引发的思考
由一道React基础面试题引发的思考提问:react项目中的JSX里,onChange={this.func.bind(this)}的写法,为什么要比非bind的func = () => {}的写法效率高?声明:由于本人水平有限,有考虑不周之处,或者出现错误的,请严格指出,小弟感激不尽。这是小弟第一篇文章,有啥潜规则不懂的,你们就告诉我。小弟明天有分享,等分享完了之后,继续完善。之...原创 2019-10-09 21:17:37 · 233 阅读 · 0 评论 -
React-Hooks类别函数的用法
反应钩useStateuseState是个反应自带的一个钩子函数,它的作用就是声明状态变量。useState这个函数接收的参数是我们的状态初始值(初始状态),它返回了一个数组,这个数组的第[0]项是当前的状态值,第[1]项是可以改变状态值的方法函数。import React, { useState } from 'react';function Example() { const...转载 2019-10-08 21:56:55 · 549 阅读 · 1 评论 -
前端神器:一行命令,React 组件转 Vue 组件!
基于目前React和Vue比较火,开发react-to-vue工具的目的是为了进一步提高组件的可复用用性,让组件复用不仅仅局限在一个框架里面简介对于react-to-vue工具,转化的是基本的react component,而不是全部的react应用。而基本react component的定义更多是基于props和state来渲染的组件,其中也可以包括发请求。本文先介绍两个框架的组件共性...转载 2019-09-24 22:23:14 · 504 阅读 · 0 评论 -
react16常见api以及原理剖析
Vue 与 React 两个框架的粗略区别对比Vue 的优势包括:模板和渲染函数的弹性选择简单的语法及项目创建更快的渲染速度和更小的体积React 的优势包括:更适用于大型应用和更好的可测试性同时适用于 Web 端和原生 App更大的生态圈带来的更多支持和工具相似之处React 与 Vue 有很多相似之处,React 和 Vue 都是非常优秀的框架,它们之间的相似之处多...转载 2019-09-24 18:56:18 · 443 阅读 · 0 评论 -
搭建自己的React+Typescript环境
前言前阵子在自己学习React,最开始上手使用的creat-react-app来创建自己的项目,2版本之后的create-react-app已经支持了很多功能,比如sass、数据mock、typescript支持等等,也升级了相关依赖babel、webpack到一个最新的版本,具体可以参照Create React App 中文文档,但是它将项目的webpack配置等内容给藏起来了,想要自己配置的...原创 2019-09-23 21:17:36 · 472 阅读 · 0 评论