june18

最近看到了几个比较实用的 npm 包，涉及构建工具、命令行工具、协商缓存、微前端和 React，借这篇文章给大家分享下。...

Taro 是如何编译多端样式文件的，最近工作中遇到了，感觉很好奇，就写了篇文章记录了下，旨在让自己对 Taro 了解的更深入一些。...

最近做了一个划词的需求，想和大家分享一下。划词在富文本编辑器里是一个非常使用的功能，即为选择的文本设置样式。...

上篇文章提到最近在做订详一码三端的需求，在适配时遇到了一些坑，如果大家以后要用 Taro 实现一码三端，也可以参考。...

最近在做京东 APP 订单详情改版的需求，要通过 Taro 实现一码三端。改版过程中，不可避免需要适配暗黑，本篇文章主要讲述新版订详适配暗黑的大体思路。...

除了主子应用的生命周期外，微前端也有自己的生命周期。本文将分别介绍微前端生命周期的执行时机以及微前端生命周期的勾子函数。 执行时机 在文章 微前端之注册子应用与路由拦截 中...

获取首个子应用的时机是什么时候？都需要为主应用设置哪些生命周期？子应用加载前的 loading 如何控制？...

如何在主应用里注册子应用？是 window 还是...？如何实现路由拦截？路由拦截涉及 window 的哪些 API。...

微前端中如何同时启动多个应用？子应用要接入微前端框架需要改造吗？针对 Vue3 和 React 16 子应用分别该怎样改造？...

主要内容包括：设计原则、软件设计分层、如何保证架构的质量、技术前期准备、技术填补、崩溃预防和系统重构。...

本文将带大家实现 useLayoutEffect 与 useEffect。 先看下如何使用。 两者对比 存储结构相同 存储结构都是单向循环链表。 执行时机不同 useLay...

useRef 是 React 中实现最简单的 hook。 它的应用场景很多，比如 antd、react-router、ahooks。...

useCallback 的源码实现非常类似 useMemo，不同的只是缓存的内容不同，一个是结果，一个是函数。...

useMemo 的实现并没有你想象中的那么复杂。它把数据缓存到了 fiber 上。缓存的数据结构是一个数组，数组第一项是 value 值，数组第二项是依赖项。...

本文将带大家实现 useState。 先看下如何使用。 useState 是基于 useReducer 实现的，参考文章 React 实现 useReducer。 实现 u...

今天带大家实现多个节点 diff。 先看个例子。 整体流程： 从左边往右遍历，比较新老节点，如果节点可以复用，继续往右，否则就停止 新节点没了，老节点还有，则删除剩余的老节...

今天带大家实现节点删除。 先看个例子。 思路： 节点删除包含两个部分：vdom 删除（不用做），dom 删除 如何删除 dom？把所有要删除的节点放在父 fiber 上 R...

本文将带大家实现 useReducer。 先看下如何使用。 Render 阶段 BeginWork 阶段 reconcileSingleElement 增加了判断节点是否可...

基于文章 实现 React 类组件渲染。 本文将介绍如何渲染函数组件。 Render 阶段 BeginWork 阶段 beginWork 函数增加函数组件的 case。 c...

基于文章 实现 React Fragment 节点渲染。 本文将介绍如何渲染类组件。 初始化 Component Render 阶段 BeginWork 阶段 beginW...