PEAR2020

摘要： 记录一下这一个月开发的编辑器之子系统 设计并实现了一套图片生命周期管理子系统，包含： 本地 + 远程双重去重、blob 资源自动回收、批量上传调度（带实时进度与并发控制）、异步上传期间仍可安全编辑（草稿级原子性保证）、以及带吸附机制的裁剪器（兼顾用户体验和去重稳定性）。 1. 去重：同一张图，只认一 阅读全文

摘要： Recently, I encountered a particularly tricky CORS-related bug while building the image intake + cropping pipeline for my SaaS project, NestButter. Th 阅读全文

摘要： 思路：底层用Map做全局缓存（为了幂等）+ 重试，表层用React-query做真正缓存 底层用 Map 做全局幂等（single-flight），中间加 可判定的重试（retry with backoff），表层用 react-query 做状态与缓存编排。 我们要解决的真实问题 并发加载：同一个 阅读全文

摘要： 自述： 在next环境的时候要把nextLink/image的实现注入到远程组件。远程组件用本地实现mock这两个组件的注入。最开始实现思路：用Context，主题系统和宿主分别注入value的不同发现问题：页面的软link，点击居然硬跳转了，说明并没有使用宿主注入的value查原因：虽然注入val 阅读全文

摘要： 背景与表象 远程加载组件在正常硬跳转时可用； 点击 后退 后，组件内部 import 'react/jsx-runtime' 报错：TypeError: Failed to resolve module specifier "react/jsx-runtime"。 🧠技术关键词 es-module 阅读全文

摘要： Overview 实现了什么： CDN 远程 ESM + 宿主可插拔状态 远程组件：本地开发时能自己跑，不依赖宿主。用 mock context 或本地的轻量状态，local 模式就能自测功能。 宿主加载：生产环境下 external 掉 @ss/useCart 等端口，由宿主通过 import m 阅读全文

摘要： React Query 实战要点与踩坑复盘（含 SSR 首屏注水场景） 本文整理了在列表/分页场景中使用 TanStack Query（React Query）的关键概念、常见坑位与修复策略，并给出一套可直接落地的实践模板，覆盖 SSR 首屏注水、切换类目/分页的过渡体验、Query Key 设计 阅读全文

摘要： 背景与目标 昨天的核心问题：React 实例重复（远程主题各自带 React，与宿主不一致，导致 hooks/上下文失效）。 今天的目标：远程主题共享宿主 React 实例，并把首屏链路、时序与缓存都调顺。 核心方案总览 React 实例单点来源 远程主题不再自带 React。 import map 阅读全文

摘要： 承接上一篇《进阶（二）：Core / Extra 分离与“钥匙带大门”——把 React 栈的加载时间榨干》。这次把方案真正落到运行时，结果一路踩了三个典型大坑：CJS/ESM 导出形态、组件动态注入时的状态更新误用、以及“双 React 实例”。把它们记下来，既作复盘，也方便后人不再踩雷。 1) 阅读全文

摘要： Template System 进阶（二）：Core / Extra 分离与“钥匙带大门”——把 React 栈的加载时间榨干 承接上篇《Template System 收官构建：多主题矩阵、Vendor 抽离、Manifest 联合、Cache 治理》（图一）。这次把 vendor 从“一块砖”演 阅读全文