基于 React.js 的 Web 应用如何完成状态管理？社区主流方案是 react-redux，其本质上基于 React 的 Context 特性实现，如果应用足够简单，实际上用 Context 手写一个简单的状态管理工具倒也并不难。不过，考虑到工具的完善性、项目的健壮性，通常采用较好的、成熟的社区方案。在移动端场景下，react-redux 略显臃肿，轻量级状态管理工具 zustand 倒是一个不错的替代方案。

最近，在新工作逐渐稳定进入正轨时，业务上也稍忙一些，也经历了一些人和事，年初订的计划其实有被打乱的。另一方面，也导致近期比较焦虑，而且业余时间很难集中精力研究和学习新的东西，非常容易被娱乐的东西所吸引。当然，每到此时，我首先想到的便是看书，以此让自己静下心来，而小说一般来说是最好的。

周末了，打开京东读书，恰好看到送的一本小说，是村上春树先生的《黑夜以后》。其实，之前看过先生很著名的作品《挪威的森林》，确实觉得不错，之后又看了《海边的卡夫卡》，感觉更甚。这不，直接毫不犹豫的就看了起来，却不曾料到，3 个小时就看完了。

新工作将满半年，作为一个工作四年左右的人来说，很快的适应新工作并投入其中，算不上什么新鲜事，也不值一提。为什么这么说呢，大抵是因为虽然技术有进步，但职级却没有太大进步，当然现阶段来看这也是没有办法的事情。

利用 JS 开发的原生应用与依赖于 React.js/Vue 开发的框架/库应用，性能孰高孰低？这两者最显著的区别在于原生应用需要手动操作 DOM 完成业务，而框架/库应用是基于数据变化响应式的应用，后者只需要关注数据如何变化，至于体现在 DOM 上的变化皆由框架/库内部自动完成。所以，要搞清楚两者的性能优劣，可能批量的 DOM 操作是一个不可忽略的核心因素。从代码执行的角度分析，框架/库也是基于原生 API 进行的封装抽象，因此代码执行时的路径更长、堆栈更深，由此可见原生 API 的操作性能应该是最高的。但是，现实情况是业务通常来说是复杂的，代码实现中 DOM 操作的逻辑分散在各处，那么多个 DOM 操作之间是否会产生影响从而不利于性能？这个时候就要关注宿主浏览器的渲染机制是如何理解批量的 DOM 操作的，这里引入的概念就是关键渲染路径（Critical rendering path）。

https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path > https://developers.google.com/web/fundamentals/performance/rendering

能在真实业务场景中落地 Web 性能优化方案的机会鲜有，大多数时候业务是较为简单而且要求不高的，前段时间恰好有一个比较核心的业务，对稳定性和性能有一定的要求，在这个过程中也算是做了很多尝试和实践，在此作为案例记录一下分析的过程和最终解决的方案。

利用 Node.js 编写一些命令行工具、一次性脚本是很方便的，而在这类场景下 child_process API 的 spawn 和 exec 方法的应用则非常常见。在我使用它们时，却不知道该如何进行选择，遂对此进行了探究。

这本书在 IT 圈子应该是为人熟知的，这也是我知道存在这本书的原因。不过，从我知道这本书到读完这本书中间还是隔了相当一段时间的，一方面是因为工作后读书的习惯保持的不太好，另一方面也是确实比较忙。幸运的是，最近终于有空来读一读了，当然从开始读这本书到读完也是断断续续好一段时间。

这本书的名字《黑客与画家》乍一听让很多人摸不着头脑，包括我在内刚开始也猜不到这本书的内容主题是什么。然而，作为 IT 从业者，“黑客”一词对我们绝对有足够的吸引力，至少会让很多人产生了解一下的想法。这本书本身是作者写的一系列较受欢迎的文章的集合，在读完这本书之后我相信对于 IT 从业者，至少是有一定工作经验的人来说是值得读的一本书，也许会对目前的认知有所改变和产生新的认识。

测试为软件的稳定和完善提供了必要的支持，Web 前端开发领域相比于做单元测试，端到端测试更有意义和价值。谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了极大的便利，这里记录了如何使用它们构建一个 Web 自动化测试平台。

说到 Web 的性能优化，可能很多时候我们采取了一些措施，看到了肉眼可见的改进，如果我们可以对其进行测量，确定我们改进的效率（百分比）是不是会更有意义？换句话说，如果我们了解性能瓶颈可能发生的位置，衡量用户体验好坏的指标，做到实时追踪性能变化，我们是不是可以更迅速的采取优化措施？在应用上线前，我们就可以做一些低成本而有高收益的优化工作，进一步提升用户体验。

所以，这里主要介绍一下 Web 性能相关的核心概念和相关指标。

谷歌作为力推 Web 技术的科技巨头，不仅提供了出色的 Chrome DevTools，更是贡献了高质量的开发文档，为业界引进了众多先进的理念，先来拜读一下下面这篇文章，搞明白为何我们需要对 Web 网站做极致的优化？

Why does speed matter?

最近结束了长达四年的第一份工作，选择了跳槽，进入新的团队适应的还不错。在经历了在线面试，办理离职，再到入职这个过程大概花了将近两个月的时间，入职后近一个月左右时间也没有预想的那么忙，所以这三四个月时间算是不用太考虑公司的事情了，毕竟换个环境所有的东西都得重新开始。换句话说，这也算是个契机，终于能有闲下来的时间了，不免就会想到从毕业到现在经历的很多事情，有了很多新的想法和认知。回顾一下过去这四年的工作生活记录下来，用现在比较流行的词来说就是“复盘”。