echozh

React Hooks比你想象的更强大。 现在，我们将探索和开发一个自定义Hook来管理全局状态 - 比Redux更容易使用的方法，并且比Context API更高效。 如果你已经很熟悉React Hooks，那么可以直接跳过这部分。 在Hooks之前，功能组件没有状态。现在，…

其中 tap 开头的方法是用来订阅事件的，call promise callAsync 是用来触发事件的，isUsed 返回了一个 boolean 值用来标记当前 hook 中注册的事件是否被执行完成。 tap tapAsync tapPromise 这三个方法第一个参数传入可…

在上一篇文章基础篇中，我们介绍了GraphQL的语法以及类型系统，算是对GraphQL有个基本的认识。在这一篇中，我们将会介绍GraphQL的实现原理。说到原理，我们就不得不依托于GraphQL的规范：GraphQL GraphQL规范主体部分有6大部分，除去我们在上一节讲到的…

React 里，组件是代码复用的基本单元，基于组合的组件复用机制相当优雅。而对于更细粒度的逻辑（状态逻辑、行为逻辑等），复用起来却不那么容易,所以我们是通过分析以下几种模式来解决我们状态逻辑复用问题 Mixin `倾向于增加更多状态`，这降低了应用的可预测性（`The more…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。 组件库依赖在npm上管理，组件库以项目根目录的 index.js 作为出口导出，文件中导入了项目中所有的组件，并提供组件安装方法。 组件库并不导出编译完成后的依赖文件，业务系统使用时，安装依…

到现在，距离我18年5月份入职，已经过去2年了。 没错，我就是一位00后前端。2001年出生的我，从18年5月份到现在一直在开源中国任职。目前在Gitee私有化部门担任前端开发一职，负责规范制定，技术攻关，人员招聘和需求开发。 18年5月份，我通过社招来到开源中国。刚入职时，还…

公司内总是有许多通用的工具方法、业务功能，我们可以搭建一个工具库来给各个项目使用。 新建一个项目目录如 fly-helper , 并 npm init 初始化项目。 tsconfig.eslint.json 我们根目录中增加了一个 tsconfig 文件，它将用于 eslint…