现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

通过写一篇react小册来查缺补漏。 使用ReactDOM.render,第一个参数传入JSX语法糖，第二个参数传入container,能简单实现在document上创建h1 dom节点。 所以ReactDOM.render的时候，看似引入的React没有用，但必须引入因为用到…

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

redux状态管理器，实质上就是一个单例模式。我们来实现一个简单的redux模型，实现之前我们要先熟悉它的用法。 其它组件可以通过订阅store中的状态(state)来刷新自己的视图. 下面我们按照这个思想来想想怎么做。 用文字来描述一下，一个唯一的仓库里，有一个私有属性sta…

在 React 16.3 中，Facebook 的工程师们给 React 带来一系列的新的特性，如 suspense 和 time slicing 等，这些都为 React 接下来即将到来的异步渲染机制做准备，有兴趣的可以看 Sophie Alpert 在 JSConf Ice…

上周的 精读《React Hooks》 已经实现了对 React Hooks 的基本认知，也许你也看了 React Hooks 基本实现剖析（就是数组），但理解实现原理就可以用好了吗？学的是知识，而用的是技能，看别人的用法就像刷抖音一样（哇，饭还可以这样吃？），你总会有新的收获…

1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。 这篇文章，是我们react-router-dom源码揭秘系列的第二篇文章。同样是预备知识。 想看第一篇文章的…

啥也不说，先来看看用我们85行的React.js直接替换别人写好的扫雷项目中的React.js，看看效果怎么样？哈哈，是不是正常运行了。 Attention：一定不要被下面辣么多的代码吓到，因为下面辣么多的代码只是每次在上一个commit的基础上添加几行而已，大部分都是重复，只…

如果说你是一位经验丰富的 React 工程师，看到这边文章讲的是 React 的生命周期，已经看过无数篇关于 React 生命周期的文章的你，可能有关闭页面的想法。 请不要急着退出，我想讲一些不一样的、来自未来的。 大家都知道，现在关于 React 生命周期的解析、教程、深入解…