翻跟斗爱好者

今年双11的整体节奏从之前的“光棍节”变为“双节棍”，具体业务上也有很多变化和调整，应了阿里的土话“唯一不变的是变化”。面对这些变化，是挑战也是机会，我们要做的就是，“既要”高效支撑保障业务先赢，“又要”确保体验和稳定性带给用户极致体验，“还要”追求创新让前端持续演进。为了实现…

现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ，但是随着业务场景的复杂度提升，难免会需要我们再去添加或修改一些配置，这个时候如果对 webpack 不够熟练的话，会比较艰难，那种无力的感觉，就好像是女…

因为 webpack 根本识别不了 jsx 语法，那怎么办？使用 babel-loader 对文件进行预处理。 babel-loader 使用 babel 解析文件；@babel/core 是 babel 的核心模块；@babel/preset-react 转译 jsx 语法。…

一个服务器端消息类，如 ServerTaskAssignedMessage，提供若干个方法，比如 buildEmailOptions、buildPushOptions。 一个客户端消息类，如 ClientTaskAssignedMessage，提供一个方法 buildNotif…

路由器是前端生态中非常常用，通常非常成熟的一个组成部分。于是为“什么还要造这么一个轮子”成了必须要回答的灵魂拷问。最初驱使我去做这件事情的大致是以下几个原因： 常见的 React Router 方案没有中心化的路由状态，不方便在组件外与全局状态/服务集成。有时还需要自行、多次处…

在多年的 TypeScript 项目开发过程中，我们曾多次改变项目结构以适应新增的项目拆分需求，最终形成了现有的通用项目结构。这篇文章将会介绍这种通用的项目结构以及部分与之相关的实践经验。 不管项目简单还是复杂，通常都是由一个或多个包组成。首先我们讨论单一包的项目结构，举个例子…

本文主要讲解了下我平时在工作开发中遇到的关于 Hooks 的一些缺点和问题，并尝试配合 Mobx 解决这些问题的经历。我觉得两者的配合可以极大的降低开发过程中有可能出现的问题以及极大的提高开发体验，而且学习成本也是非常的低。如果你对 Hooks 以及 Mobx 有兴趣，想知道更…

时间回到 2016 年，彼时 996 还不算福报，比特币单价也还远远不到 1000 美元。那时的我怀着对大厂的敬畏和对前途的迷茫，拿着一纸毕业证告别了校园。这第一份名为 Web 前端开发的工作，代码写着写着就到了今天。 一晃三年过去了，从纯粹的赶需求到造轮子、做分享和带团队，许…