概述 本文通过对virtual-dom的源码进行阅读和分析，针对Virtual DOM的结构和相关的Diff算法进行讲解，让读者能够对整个数据结构以及相关的Diff算法有一定的了解。 Virtual DOM中Diff算法…

在 react-router-dom 的官方教程中，一共给出12个示例，但是个人认为，着12个示例看着真的很累人，很多写法，不是标准的企业项目应用的写法，所以针对这个现状，我想用企业项目开发的要求，对教程中的每一个示例进…

前端周刊光速ReactJavaScript 编码指南Vue.js在饿了么的应用JavaScript函数的多种写法JavaScript 深入之new的模拟实现CSS3 3D 行星运转动画 + 浏览器渲染原理

本期主要改进点 处理用户在render方法 return this.props.children 的情况，需要将数组转换为单个虚拟DOM 处理两个组件虚拟DOM都没有实例化的情况 只回收文本节点 支持mouseenter…

本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3802原文：https://www.fullstackreact.com/30-days-of-react/day…

什么是高阶组件 高阶组件就是一个 React 组件包裹着另外一个 React 组件 高阶组件的思路则是函数式的，每一个扩展（Enhance）就是一个函数，接受要扩展的组件作为参数。如果要进行 3 个扩展，那么则可以级联，…

前言 在过去的一个多月中，为了能够更深入的学习，使用React，了解React内部算法，数据结构，我自己，从零开始写了一个玩具框架。 截止今日，终于可以发布第一个版本，因为就在昨天，我跑通了之前的一个小项目。 预览地址：…

白话Redux工作原理。浅显易懂。 如有纰漏或疑问，欢迎交流。 Redux 约法三章 唯一数据源(state) 虽然redux中的state与react没有联系，但可以简单理解为react组件中的this.state。h…

组件库的现状 前端目前比较主流的框架有react，vuejs，angular等。 我们通常去搭建组件库的时候都是基于某一种框架去搭建，比如ant-design是基于react搭建的UI组件库，而elementUI则是基于…

组件 state必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变都可以从 state的变化中反映出来；同时， state还必须代表一个组件UI呈现的最小状态集，即 state中的所有状态都用于反映组件UI的变…

前言 关于setState的异步，随便一搜就是一堆文章，从各种现象到海量源码，长篇巨制洋洋洒洒，像我这样的新手看得云里雾里，晕头转向。但这个问题又无比简单，仅需理解两点浅显的道理，便能拨云见日：1.同步代码不可能异步；2…

有了React Hooks再也不需要写Class了，你的所有组件都将是Function，不区分无状态组件（Function）和有状态组件（Class），因此生命周期钩子函数可以先丢一边了。一个最简单的Hooks 首先让我…