随着 React 项目越来越大，在本地开发时经常会遇到这样一个场景，想改页面上的一个组件，但是比较难去定位到这个组件在源码中对应的位置。react1s 就是一个可以支持 Option+Click

Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言(JS/Java/Python/php)和平台, 并提供了web来展示输出错误。 在项目中安装@sentry/browse…

你是否一直对前端性能监控系统的底层原理充满好奇？想知道那些 FCP、LCP、FID 指标是如何被精准捕获的？...

你是否一直对前端错误监控系统的底层原理充满好奇？别做工具人了，从原理到落地，手把手带你实现一个轻量级前端错误监控SDK...

别瞎猜用户操作了！今天手把手带你造个“用户行为SDK”。搞定 SPA 路由劫持、页面关闭数据上报这些硬骨头。不仅教核心代码，连 Rollup 打包和 NPM 发布都包教会...

一、什么是 Zustand？ Zustand 是一个轻量级的状态管理库，使用非常简单，目标是提供一个无需复杂 API 和概念的全局状态管理解决方案。Zustand 使用了最小化的 API 来帮助开发者

项目痛点 在管理大型前端项目时，我们面临以下挑战： 多个相关项目分散在不同仓库，依赖管理混乱 公共组件/工具重复开发，代码一致性难以保证 跨项目变更需要同时修改多个仓库

传统架构概述 传统架构概念 传统架构一般指的是多个独立的项目，通常每个项目都拥有自己独立的代码仓库、技术栈、依赖和部署流程。这样的架构在团队初期小规模运作时可能并无明显问题，但随着项目规模的扩大，往往

什么是模块联邦 在前端项目中，不同团队之间的业务模块可能有耦合，比如A团队的页面里有一个富文本模块（组件），而B团队 的页面恰好也需要使用这个富文本模块。 传统模式下，B团队只能去抄A团队的代码，把这