react其他
7篇文章 · 0订阅
  • React-hook源码阅读（上） - useState - 多图
    一文带你解锁useState的逻辑。 了解React hook的基本逻辑。 打开React hook源码的大门。 多图解锁基本流程
    前端 React.js 源码阅读
    React-hook源码阅读（上） - useState - 多图
  • React面试指南
    1. React中数据通信有哪些方式 简单层级传递，如父子，可以使用props。 祖先与子孙，跨层级数据传递或者兄弟组件通信：Context、第三方状态管理库如redux、mobx等。 2. 如何使用跨层级数据传递 Provider的子孙组件消费value：contextTyp…
    React.js
  • 面试官：既然你提到了 <Suspense/>，那你知道懒加载的原理吗？我：😭
    在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。
    前端 面试 React.js
    面试官：既然你提到了 <Suspense/>，那你知道懒加载的原理吗？我：😭
  • 你为什么需要 useMount 和 useUnmount?
    背景 使用 React 类组件时，React 有明显的生命周期方法，可以在确定的生命周期方法里做确定逻辑，自从 React Hooks 推出后，React 没有推出明确的生命周期方法，更多的是使用 u
    前端 React.js
  • 面试官：修改 useRef 会引起 Re-Render 🤔🤔🤔
    直接点击使用皮肤就可以啦，谢谢大家的支持！！！ 在 React 中，ref 不受 React 的状态管理（State）机制控制。也就是说当 ref 的内容发生变更的时候不会触发重新渲染。 React
    前端 JavaScript React.js
    面试官：修改 useRef 会引起 Re-Render 🤔🤔🤔
  • 图解 history api 和 React Router 实现原理
    Router 是开发 React 应用的必备功能，那 React Router 是怎么实现的呢？ 今天我们就来读一下 React Router 的源码吧！ 首先，我们来学一下 History API，
    前端 JavaScript React.js
    图解 history api 和 React Router 实现原理
  • React 弹窗组件用的 createPortal 是怎么实现的？
    想必大家都用过弹窗组件，比如 antd 的 Modal 组件： 打开 devtools 可以看到，它是直接挂在 body 下的： 实现这种效果是用的 createPortal： 渲染结果如下： 弹窗组
    前端 JavaScript React.js
    React 弹窗组件用的 createPortal 是怎么实现的？