随笔分类 - React
摘要：引言 前进刷新，后退不刷新，是一个类似app页面的特点，要在单页web应用中做后退不刷新，却并非一件易事。 为什么麻烦 spa的渲染原理（以vue为例）：url的更改触发onHashChange/pushState/popState/replaceState，通过url中的pathName去匹配路由
阅读全文
摘要：序言 这一节，将会主要介绍两个钩子：useCallback和useMemo，以及对自定义hooks的理解。 useCallback，反复渲染解决之道 无限请求的“怪象” 在介绍这个钩子之前，先来看一段react初学者很容易写出来的代码： const [detail, setDetail] = use
阅读全文
摘要：写在开头 React Hooks在我的上一个项目中得到了充分的使用，对于这个项目来说，我们跳过传统的类组件直接过渡到函数组件，确实是一个不小的挑战。在项目开发过程中也发现项目中的其他小伙伴（包括我自己）有时候会存在使用不当的情况，因此对官方的几个钩子函数做一个较为全面的总结。 函数式组件出现的原因
阅读全文
摘要：啥是React Fiber？ React Fiber，简单来说就是一个从React v16开始引入的新协调引擎，用来实现Virtual DOM的增量渲染。 说人话：就是一种能让React视图更新过程变得更加流畅顺滑的处理手法。 我们都知道：进程大，线程小。而Fiber（纤维）是一种比线程还要细粒度的
阅读全文
摘要：关于 setState setState 的更新是同步还是异步，一直是人们津津乐道的话题。不过，实际上如果我们需要用到更新后的状态值，并不需要强依赖其同步/异步更新机制。在类组件中，我们可以通过this.setState的第二参数、componentDidMount、componentDidUpda
阅读全文
摘要：前言 阅读笔记，没有什么结构可言，react入门基础概念。 正文 1，在JSX中，{}大括号表示JS代码的开始结束标志，<>包含纯小写被认为是原生html标签，<>包含首字母大写被认为是自定义组件； 2，当JSX有多行时，最外层要用一个小括号()包裹起来，这样可以避免自动插入分号机制的问题； 3，在
阅读全文
