NAI58392

本文是对开源图书React In-depth: An exploration of UI development的归纳和增强。同时也融入了自己在开发中的一些心得。 你或许会问，阅读完这篇文章之后，对工作中开发React相关的项目有帮助吗？实话实说帮助不会太大。这篇文章不会教你使…

React Native是一个使用JavaScript和React构建本机移动应用程序的框架。使用React Native编写的Android和iOS应用程序利用平台的用户界面元素来确保它们看起来和感觉像本机应用程序。 在这篇文章中，我们将看看React和React Nativ…

当我们在开发 React 项目中，第一次调用 ReactDOM.render 的时候都发生了什么呢？ 今天就从源码角度来追踪一下这个问题（主要看流程， 而不纠结与细节）。 首先我们可以从 ReactDOM 的入口文件 ReactDOMStackEntry.js 中找到 rend…

上个月有幸研究了 react 事件机制这个知识点，并且在公司内部把自己的理解进行了分享。现在趁还算热乎赶紧的整理下来，留住这个长脸的时刻。 主要分为4大块儿，主要是结合源码对 react 事件机制的原理 进行分析，希望可以让你对 react事件机制有更清晰的认识和理解。 当然肯…

本文通过对React事件系统和源码进行浅析，回答“为什么React需要自己实现一套事件系统？”和“React的事件系统是怎么运作起来的？”两个问题。React为了性能和复用，采用了事件代理，池，批量更新，跨浏览器和跨平台兼容等思想，将事件监听挂载在document上，构造合成事…

若state.nums初始值为0，在非并发模式下，最终会更新到2，因为setState是同步的；而在并发模式下，nums最终仍然为1，因为第二个setState任务无法加入调度器；来源1和来源3都是调度任务，在react调度器中，调度任务不能同时出现两个或以上；为什么有这个规则…

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpack 提供的最有用的功能之一。 HMR 作为一个 Webpack 内置的功能，可以通过 --hot 或者 …

因为单例模式足够简单，编写一个单例模式代码几分钟就能搞定，所以设计模式中面试官通常会选取单例模式作为出题。 单例模式是最简单的设计模式之一，属于创建型模式，它提供了一种创建对象的方式，确保只有单个对象被创建。这个设计模式主要目的是想在整个系统中只能出现类的一个实例，即一个类只有…