本文有一定的技术含量，要对React公共API以及它如何分为核心，渲染器和协调(和解，reconciler)程序有很深的理解。如果你对React代码库不是很熟悉，请首先阅读代码库概述。 它还假设你了解React组件的实例和元素之间的差异。 stack reconciler用于1…

我们将会一起查看它的实现方法，由内而外地学习 React Hook。 我们都已经听说过了：React 16.7 的新特性，hook 系统，并已在社区中激起了热议。我们都试用过、测试过，对它本身和它的潜力都感到非常兴奋。你一定认为 hook 如魔法般神奇，React 竟然可以在不…

和往年一样，本年度调研的目的也很简单。是为了了解整个行业中，常见前端工具现有的知识和使用水平。 我非常感谢你能抽出时间来参与。每一份回答都能为前端社区提供一份更有代表性的样本。 去年，5461 名前端研发花时间回答了 24 个关于不同前端工具的问题。 受访者回答了三个关于 Ja…

在构建 React 应用时，你会发现随着嵌套组件增多，用户界面的某些部分开始变得缓慢迟滞。这是因为，被改变 state 的元素在组件树中的层级越高，浏览器需要重绘的组件越多。 本文将告诉你如何通过备忘（memoization）技术避免不必要的重绘，让你的 React 应用快如闪…

在上一篇文章 Redux 入门 -- 处理 async action 中，阿大通过请了一个采购员完成了耗时的进口商品的售卖。 但是，阿大同时也发现了一个问题：顾客要买水果生鲜的话需要找销售员，要买进口水果生鲜的话要找采购员，这样的话，顾客需要找不同的人，很麻烦。阿大想了想，能不…

我是一名web前端程序员，说真的TW的面试真的很有意思，也很有心意，让我在整个面试过程中不仅仅了解到自己的优势，并且看到了自己的不足之处，先不说面不面得上，面试的过程都是一次很不错的经历。 早在大学里，就对于TW有了解，技术大牛，极客思想，扁平化管理，出国经历。非常的吸引我这样…

我们都知道这样一个笑话：在你学会一项前端技术的时候，另外三项新技术已经发布了。不仅如此，你刚学会的那个也已经被弃用了。 我们却不常看到有解释为什么会这样。 典型的解释（来源于 reddit 的 r/programming 频道）这似乎与前端开发者天生不耐烦，追逐流行与能力有限相…

既然是适配我们开始肯定要有一个参考屏幕，这里我们先提前确定下面所有的例子都是以iphone6的屏幕（宽度为375px）为参照。通常设计稿是2倍的设计稿，所以我们拿到的设计稿设计稿最终宽度为750px。 屏幕适配最终的目标或者说本质就是实现 等比缩放。 为什么要有个基准？因为我们…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…