果味哈哈笑

💡 Toolkit 的初心：降低心智负担，保留 Redux 精神 Redux 自带门槛：样板代码多、流程复杂、不易入门。 于是我们在设计 Redux Toolkit（RTK）时定下三条目标： 减少样板

本文将以概述的视角简要介绍各个 bundler 的 tree shaking 原理，以及各个 bundler 的 tree shaking 之间的差异。

「万字解析」架构视角图文并茂讲述Webpack Loader原理，从基础配置过渡源码实现，最终手把手带你复刻企业级loader。从原理搞懂Webapck中loader是如何处理你的文件。

前端异常解析之Source Map 引子 线上正式环境代码抛错，打开控制台一看： 点进去看： ​ emmm~~ 完全不知道代码哪里写错了！ ​ 因为在正式的线上环境中，我们的代码往往都是经过压缩和转义

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。

本篇将从一道面试开始，分析 Promise V8 源码中的一些关键细节，并对上一篇分析内容做补充，找到两次微任务的创建位置。

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。

背景 DDD领域驱动设计，在后端领域，现在应用非常广泛，在我看来，前端（特别是React）也是非常适合DDD

单一职责并不是说：一个函数只做一件事。虽然那也是一种设计原则，但并不是现在说的单一职责。 该原则具体到本文实践有状态管理和架构依赖管理等。 就像Redux或Vuex中，我们只能通过dispatch一个action这种方式来修改数据。那么State（软件模块）只能被Actions…