React中，会遍历EffectList来执行节点操作、生命周期方法、Effect方法，可以把EffectList比作圣诞树上挂的彩灯，而这颗圣诞树就是Fiber树。 为什么会存在EffectList呢？打个比方来说，一颗Fiber树中有一些Fiber节点需要执行compone…

1. React+Redux项目结构最佳实践 2. 如何合理地设计State 在前面两篇文章中，我们介绍了Redux项目结构的组织方式和如何设计State。本篇，我们将以前面两篇文章为基础，继续介绍如何设计action、reducer、selector。 根据这个结构，我们很容…

腾讯 AlloyTeam 家校群小分队在 React 移动 web 性能优化的第一阶段经验分享。 总结了React优化军规。 后面陆续有来的是 React 同构直出、React Native。

本篇文章将聚焦Immutable与Redux,reselect的项目实践，将从多方面阐述Immutable及Redux：包括什么是Immutable，为什么需要使用Immutable，Immutable.js与React，Redux及reselect的组合实践及优化，最后总结使…

react组件可以完全不用JSX， 用纯js来写。 JSX语法经过babel转化就是纯js代码， 譬如： 这两种是等效的。 babel 通过babylon 来把JSX转化为js 配置如下(transform-react-jsx)： 所以对于react库本身的， 是不需要关心js…

前段时间看了Redux的源码，写了一篇关于Redux的源码分析: Redux:百行代码千行文档，没有看的小伙伴可以看一下，整篇文章主要是对Redux运行的原理进行了大致的解析，但是其实有很多内容并没有明确地深究为什么要这么做？本篇文章的内容主要就是我自己提出一些问题，然后试着去…

骨骼屏我们都并不陌生，而骨骼屏的最大的存在意义是 由于页面渲染出内容的时间较长，而使用它在页面上占位，让用户感知白屏的时间减少。 通过 SVG 元素去描述去骨骼图的占位元素，支持 JSX 让编写 SVG 无差别化，复用 SVG 片段，类组件化模式。

上篇文章 create-react-app + webpack + antd + less + mobx 的demo入门配置 简单介绍了一个笔者使用的最基本的react配置，简单引入了mobx。 现在问题是 如果store越来越多，会导致引用混乱，非常不便于开发。因此在阅读了几…

接着上一节内容，这一节抓取QQ音乐移动Web端推荐页面接口和PC端最新专辑接口数据。通过这些接口数据开发推荐页面。首先看一下效果图 用chrome浏览器打开手机调试模式，输入QQ音乐移动端地址：https://m.y.qq.com。打开后点击Network，然后点击XHR，可以…