PEAR2020

摘要： 思路：底层用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 从“一块砖”演 阅读全文

摘要： 这篇是上一篇的延续：在已有的「远程 ESM 组件发布」架构上，把多主题构建、CSS 哈希、Vendor 独立包、清单（manifest）合并与 Cloudflare Pages 的缓存头串成一条可发布的产线。 目标升级 多主题矩阵：同一套流水线按 THEME 变量批量构建（cool、general、 阅读全文

摘要： 背景与目标 在 template-system 里，我要把主题以 远程 ESM 组件的形式发布，要求： 运行时只加载组件与纯数据（JSON Schema），不夹带开发期工具库； 产物可版本化（/v1/...）、可长缓存（hash 文件名）、可观测（体积分布、依赖结构）； CSS 与字体加载解耦，避免 阅读全文