魔术师卡颂

5月10日，babel核心团队在官方博客发出一篇博文 —— 数百万人使用babel，可以为什么我们快没钱了。 这篇文章在一众版本更新博文中显得尤为刺眼。 作为前端领域不可或...

有人曾说：每过一年，前端的入行难度提升一倍。 难度提升很大程度源于前端技术飞快的更新导致新技术加速出现，老技术加速淘汰。 但是，这里有个奇葩：React。 作为前端领域最广...

你在一家小互联网公司做前端。最近公司发展势头不错，已经有了稳定的商业模式。老板决定尝试付费推广~~~...

记录一个让人头秃的bug的解决过程。没有夜生活全拜这个bug所赐。。。。。。。。。。。。。。。。。。。。...

前言 前端发展到如今，社区生态已经非常丰富。 在无数开源大神的努力下，很多前端开发的痛点（比如静态类型检查、浏览器兼容性）早已有了事实上的标准解决方案（比如TS、babel...

1. 简要回顾下React从16～21年的迭代历程2. React为什么对新特性（Concurrent Mode）有这么大执念 3.为什么当前社区项目/库要升级到Concu...

最近工作中遇到个有意思的问题，记录下从问题发现到解决的过程。 某个需求需要引入一个第三方组件库。 从React文档了解到，这是由于错误使用Hooks造成的。 需要v16.8...

可以将项目未使用的css选择器从编译后css文件中移除。 这个功能是PurgeCSS实现的。 链接TailwindCSS与PurgeCSS的，则是一个postCSS插件@f...

IOC（控制反转）是一种编程思想，可以解耦组件，提高组件复用性。 士兵的武器应该是多种多样的，但是在Soldier类内部依赖了Rifle。 理想的状态是：士兵不依赖具体的武...

当聊到Babel的作用，很多人第一反应是：用来实现API polyfill。 事实上，Babel作为前端工程化的基石，作用远不止这些。 作为一个庞大的家族，Babel生态中...

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。...

只有在依赖项改变后才会重新计算新的memoizedValue。 我们有个全局context —— AppContext。 由于同学们偷懒，随着项目的迭代，新增的contex...

当聊到React状态管理解决方案，很多人第一反应是Redux。 有React核心团队光环加持。Redux的作者Dan开发初版Redux后便加入React团队。另一位联合作者...

大家都知道 JavaScript 的对象属性默认是可以被从外部访问和修改的，也就是说，JavaScript 本身不存在完全“私有”的对象属性。例如： 在上面的代码里，我们约...

昨天翻译了React团队圣诞特辑的一篇文章《一起走进React核心团队》。 文章是好文章，能一窥大厂顶级开源项目团队的日常。细读后发现，从文章隐隐透露出作者： 的心路历程。...

UI产生交互的根本原因是各种事件，这也就意味着事件与更新有着直接关系。不同事件产生的更新，它们的优先级是有差异的，所以更新优先级的根源在于事件的优先级。 一个更新的产生可直...