之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

react context的api解决的问题是祖先元素与子孙元素的通信问题，在日常的实践中，用到context的地方还是很多的，在新版的context出来之前旧版的context存在着一定的缺陷，主要

Hook是React16.8开始新增的特性。虽然React官方文档已经作出了针对React hooks的相关概念的讲解，但是光看官方文档是很难将hooks使用好的，在编写hooks的过程中很容易跳进陷阱和错误。本文总结了5个不好的地方。 在函数组件中我们可以使用useState…

上面就会引起一个问题，在小程序一开始进入到index页面，会发送app.ts中getUserInfo的请求，同时也会发送index.js中的getList的请求。当getUserInfo请求率先返回结果时，如果用户未登录，则会重定向至login页面，此时index页面组件已经卸…

Vue在CSS上虽然不能称之为完美，但是已经足够简洁、自然、方便了，至少统一的样式风格不会出现多个开发人员、多个项目采用不一样的样式风格。 当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们提供了react-transition-group用来完成过渡动…

react项目鉴权怎么办？路由跳转没有回调怎么办？路由懒加载怎么办？接下来逐个分析分析一下。 先来看一下定义，要满足以上要求，这个类至少由以下几个部分组成。 按路由进行代码分割然后按需加载，适合大多数优化场景，而且这种方式与业务代码完全解耦，虽然有时分割得比较粗糙，但确实是一把…

自定义 Hooks 其实就是在现有 React 提供的 Hooks 上做一层封装，实现一些更有针对性的逻辑，或者可以将一些比较通用的业务逻辑做一个封装。

fetch 的兼容性已经足够好，足以替换包括 $.post 在内的各种取数封装。 原生用得久了，发现拓展性更好、支持 ssr 的同构取数方案也挺好，比如 isomorphic-fetch、axios。 对于数据驱动场景还是不够，数据流逐渐将取数封装起来，同时针对数据驱动状态变化…